[Rating] Add TODO comment in Rating component to use readOnly state class (#36357)

Author: ZeeshanTamboli

packages/mui-material/src/Rating/Rating.js

@@ -103,6 +103,7 @@ const RatingRoot = styled('span', {
   ...(ownerState.size === 'large' && {
     fontSize: theme.typography.pxToRem(30),
   }),
+  // TODO v6: use the .Mui-readOnly global state class
   ...(ownerState.readOnly && {
     pointerEvents: 'none',
   }),

packages/mui-material/src/styles/createTheme.js

@@ -49,6 +49,7 @@ function createTheme(options = {}, ...args) {
   muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);
 
   if (process.env.NODE_ENV !== 'production') {
+    // TODO v6: Refactor to use globalStateClassesMapping from @mui/utils once `readOnly` state class is used in Rating component.
     const stateClasses = [
       'active',
       'checked',