@extend css tag from module (@use)

I’m currently upgrading a scss project from @import to the new module system with @use. Everything is going great except for the @extend at-rule. I’m unable to find anything in the documentation on how to tell sass that the tag being extended comes from another module.

This does not work:

@use "./colors.scss" as colors;

body {
  @extend .element; // not working
  @extend colors, .element; // not working
}

Example: https://stackblitz.com/edit/angular-tufq7f?file=src%2Fstyles.scss

Is this an intentional breaking change? Is the solution missing from the official docs? Any suggestions are appreciated.

[jathak]

This code works when run directly with the latest version of Dart Sass.

It looks like you’re using a version of Sass that doesn’t support the module system. Please make sure you’re using Dart Sass 1.23.0 or later (libsass/Node Sass don’t support the module system)

[jathak]

No. Please see the documentation on extension scope