"float" is changed to "cssFloat" after formating

[guoyunhe]

Clearly describe the bug

I have CSS-In-JS project with material-ui and React. Stylelint always format float property into cssFloat, however this breaks the code...

What code is needed to reproduce this issue?

import { makeStyles, Theme } from '@material-ui/core/styles';

const useStyles = makeStyles((theme: Theme) => ({
  status: {
    borderRadius: theme.spacing(1),
    color: '#ffffff',
    float: 'right',
    padding: theme.spacing(1),
    width: 150,
    textAlign: 'center',
  },
  statusDraft: {
    background: '#707070',
  },
  statusPublished: {
    background: '#1c996f',
  },
}));

What vscode-stylelint configuration is needed to reproduce the bug?
I think I just have the default options with formatOnSave enabled.

Is this issue related to autofix? (editor.codeActionsOnSave)

Yes

Which version of vscode-stylelint are you using?

0.85.0

Which version of stylelint are you using?

No stylelint node module installed in the project.

Does your issue relate to non-standard syntax (e.g. SCSS, nesting, etc.)?

CSS in JS

What did you expect to happen?

It should not format float property.

What actually happened (e.g. what warnings or errors you are getting)?

It formats float into cssFloat, which doesn't work in browser.

[guoyunhe]

See stylelint/stylelint#4490