Error in property classes in component FormLabelControl - v5 Alpha 24

[vizardkill]

currently the Form Control Label component presents an error when editing its style, through classes {{label:}}.

• [ x] The issue is present in the 5 alpha 24.
• [ x] I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

currently the Form Control Label component presents an error when editing its style, through classes {{label:}}.

I want to edit the size and thickness of the label letter, however when I edit the classes property it doesn't take any changes.

const loginStyles = makeStyles((theme) => ({ checked: { fontSize: "12px", }}));

<FormControlLabel label="¿Recordar mi usuario?" disabled={loading} classes={{ label: classes.checked, }} control={ <Checkbox color="secondary" onChange={(e) => onChange(e.target.checked) } checked={value} /> } />

Expected Behavior 🤔

That you can edit your style property

Steps to Reproduce 🕹

https://codesandbox.io/s/error-formlabelcontrol-6opoi?file=/src/App.js

Context 🔦

I am developing a form where I have a remember user button, however seeing that the font was large, I decided to alter it, but it did not work

Your Environment 🌎

My dependencies in package.json

"dependencies": { "@casl/ability": "^5.2.2", "@casl/react": "^2.2.2", "@date-io/date-fns": "^2.10.6", "@emotion/react": "^11.1.4", "@emotion/styled": "^11.0.0", "@lottiefiles/react-lottie-player": "^3.0.0", "@material-ui/core": "^5.0.0-alpha.24", "@material-ui/icons": "^5.0.0-alpha.24", "@material-ui/lab": "^5.0.0-alpha.24", "@testing-library/jest-dom": "^5.11.9", "@testing-library/react": "^11.2.3", "@testing-library/user-event": "^12.6.2",

[Sandeep06Dev]

duplicate of #24109 [v5] CSS injection order is wrong

[oliviertassinari]

Duplicate of #24109