Collapsing atomic classes during development

[Rkaede]

I love where this project is heading. Thank you so much!

We'd love to look at adopting this into our design system in the future. However, a major blocker is the amount of noise that atomic classes add to the debugging process.

Especially accessibility work. Our accessibility team would remove me from their Christmas card list if they had to sift through the above output.

Would it be feasible to have a setting that collapses the atomic css into a single class[1]? This could be enabled during development and selective testing environments. Or would this be incompatible with the projects DNA?

[1] A bonus would be the ability to specify the exact class name via the debug ID. This could help large, existing css based projects to slowly migrate across to the type safe goodness of CSS in TS.