🗺️ CSS Modules

[markdalgleish]

Progress

• RFC 🗺️ CSS Modules #4631
• PR: feat: CSS Modules support #4852

Open questions

• What format should we use for scoped class names and should it differ between dev and prod? Should it be configurable? e.g. it's common to have debuggable class names during development, like .Button-module__root__a4X9gs, but only emit the hash in production, like .a4X9gs.

Notes

This work will also support node_modules that import "./blah.css" and import {} from "./blah.module.css" so that folks design systems don't blow up.

[ryanflorence]

@jacob-ebey can you find the package that generates types and link it here?

[jacob-ebey]

https://www.npmjs.com/package/typescript-plugin-css-modules

[markdalgleish]

I noticed that a note had been added to this issue about CSS side effect imports (import "./styles.css") but in my mind this is a separate piece of work that builds on top of this foundation. I've split out a standalone proposal for this: #4775

[markdalgleish]

Next steps: @chaance to follow up on PR review changes, approve if everything looks good.