🔷 [Epic] Support CSS Nesting

[calebjacob]

CSS recently added native support for nesting styles:

.foo {
  button {
    &:hover { ... }
  }
}

The only catch is that browsers have only recently started to support it: https://caniuse.com/css-nesting

For the next year or two, it's still considered best practice to use something like Post CSS to convert the nested syntax for full browser support: https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-nesting#readme

We also need to somehow update the Monaco CSS language parser to support nesting. We could possibly cheat and switch it to SCSS under the hood to support nesting syntax. Otherwise, Monaco shows a bunch of red squigglies when using nested syntax.

Tasks

Beta Give feedback

1. Sandbox: Add MVP support for nested CSS syntax #277
   +0
   
2. Support nested CSS Module class references #295
   P1 - Dev Expectations +1
   

[mpeterdev]

may be related to #22 since a solution there would likely cover transforms a la Post CSS