Incorrect compilation of @container queries in SCSS

Copper Contributor

I am trying to use "@container" in SCSS to organize my adaptive behavior:

.flexWrapper {
  background: blue

  @container (min-width: 500px) {
    background: pink;


Unfortunately, the CSS is compiled incorrectly. The selector is simply removed:

@container (min-width: 500px) {

 There is no problem with the @media rules. I guess that the compiler doesn't know the @container rule yet and therefore interprets it wrong. Does anyone have an idea how I can work around this problem. Maybe the SASS compiler library can be updated? But I don't know how to do that, because there are no modules in the package.json.


Maybe I can also extend the webpack configuration?


Best regards,

0 Replies