Generated by SassMeister.com.

input.scss

:host(:focus) {
  &[active] {
      // ...
      display: block;
  }
}
      

output.css

:host(:focus)[active] {
  display: block;
}

settings.json

{
  "sass": {
    "compiler": "dart-sass/1.32.12",
    "extensions": {},
    "syntax": "SCSS",
    "outputStyle": "expanded"
  },
  "autoprefixer": false
}