How to make friends vs code with sass at the webstorm level?

Question

Sass

Good afternoon. I tried many times to switch to VS Code with WebStorm, but I can't solve the problem with sass in any way.
For example, such a simple file. VS code does not see imports, does not understand extend and variables properly. Can autocomplete with allautocomplite, but it's just a text search.
I installed almost everything from sass extensions. Didn't help much. Maybe there is some cool extension? Or do I need to somehow set the project settings? Link folders and so on?

@import "../../sass/variables";
@import "../../sass/mixins";
@import "../../sass/base";

.menu--account {
  @extend %layout__wrapper;
  padding-top: 0;
  transition: all .68s ease-out;
  background-color: rgba($color__white--d2, $opacity--bg);
  border-bottom: 1px solid rgba(128, 128, 128, 0.38);
  .container {
    @extend %layout__container;
    padding: $padding--big;
  }
}

Answer 1

You can use this VS Code extension to autocomplete sass variables.