SCSS Variables & Mixin Highlighting

The highlighting doesn’t work for SCSS for the following sample:

<style lang="scss">
  @import "scss/bootstrap/mixins/_buttons.scss";
  $brand-primary: #3c763d !default;
  $btn-primary-color: #fff !default;
  $btn-primary-bg: $brand-primary !default;
  $btn-primary-border: darken($btn-primary-bg, 5%) !default;
  .btn-primary {
    @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);
  }
</style>

All shows formatted when in a .scss file

[octref]

Do you have

"files.associations": {
  "*.vue": "vue"
}

in your user setting?

[octref]

NVM, this extension only works for vue file. scss file error should be reported to https://github.com/Microsoft/vscode. Meanwhile you can turn off scss validation by:

  "scss.validate": false