Cant create variant for SVG icon

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Use WebStorm & try to create custom color variant for SvgIcon like default and it is #434A54

export const muiTheme = createTheme({
    palette: {
      default: {
        main: '#434A54',
      },
    },
    components: {
      MuiIcon: {
        variants: [
          {
            props: {
              // TODO
              // color: 'default',
            },
            style: {
              color: theme.black,
            },
          },
        ],
      },
    },
    plPL,
  },
);

declare module '@mui/material/styles' {
  interface Palette {
    default: Palette['primary'];
  }

  interface PaletteOptions {
    default: PaletteOptions['primary'];
  }
}

declare module '@mui/material/Icon' {
  interface IconPropsColorOverrides {
    default: true;
  }
}

declare module '@mui/material/SvgIcon' {
  interface SvgIconPropsColorOverrides {
    default: true;
  }
}

Current behavior 😯

Cant add color named default to MuiSvgIcon; & I have no tips in component or anything else (only default colors are avilable).

Expected behavior 🤔

There should not be any errors in theme & custom color should be visible in tips

Context 🔦

My friend dosent have such issue on VSCODE only I have it in webstorm :|

Your environment 🌎

No response