Generated by SassMeister.com.

input.scss

/*

change the sass compiler from dart-sass to libsass, 
retrigger compiling and 
see the missing selector in the right window


*/

%placeholder {
      &[disabled],
      &:hover[disabled]{
         color: red;
     }
}
.p {
      @extend %placeholder;
}


/*

expected: 

.p[disabled], .p:hover[disabled] {
  color: red;
}

actual with dart-sass

[disabled].p {
  color: red;
}

*/

output.css

/*

change the sass compiler from dart-sass to libsass, 
retrigger compiling and 
see the missing selector in the right window


*/
[disabled].p {
  color: red;
}

/*

expected: 

.p[disabled], .p:hover[disabled] {
  color: red;
}

actual with dart-sass

[disabled].p {
  color: red;
}

*/

settings.json

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