People have pointed out to what’s Obviously wrong with the JS tooling but I had more problems with CSS style sheets generated at runtime or web components attached stylesheets

They all work is just editing their styles that seems to be a pain, you straight up cannot edit a shared stylesheet attached to an web components elements shadow dom.

If you generate enough styles in JS you may not be to edit them correctly (as in it shed you the wrong styles for the element)