[docs][material-ui] CSS modules customization guide is incomplete

[oliviertassinari]

Related page

https://mui.com/material-ui/integrations/interoperability/#css-modules

Kind of issue

Missing information on how to customize

Issue description

We should be covering how to use custom pseudo-classes, e.g. .Mui-selected. See https://stackoverflow.com/questions/78720445/how-to-target-mui-selected-state-class-using-css-modules/78720582 as the problem. See how https://mantine.dev/styles/css-modules/#referencing-global-class-names better explains it.

Context

I saw this from https://discord.com/channels/1131323012554174485/1259813365950189720

Search keywords: -

[ZeeshanTamboli]

I'll add the "ready to take" label for a contribution from the community.

[oliviertassinari]

I'm not sure a community contribution can truly help here. I would expect a rewrite of the whole Style library interoperability integration docs. It will take a good focus.

[wojtekfarmery]

I would like to start working on this issue and update the docs. I could update the CSS Modules section with a better explanation of the :global selector. If needed I could assist with rewriting the rest of docs

[ZeeshanTamboli]

@wojtek35 Feel free to.