Sass @use rule doesn't compile with additional Scss files

[WesMC]

Hello Compile-Hero

When using the SASS / SCSS compile feature, it doesn't compile the added files when using the @use rule.

theme.scss

/*************************** Import Bootstrap  *****************************/
@use '../lib/bootstrap/scss/bootstrap.scss';

/*************************** Theme Styles Section ****************************/
@use 'theme/styles.scss';

/*************************** Theme Colours****************************/
// Define theme colour scheme
$theme-color-primary: #f65f34;
$theme-color-secondary: #E06167;

$theme-text-color-primary: #252930;
$theme-text-color-secondary: lighten($theme-text-color-primary, 25%);
$theme-text-color-light: lighten($theme-text-color-primary, 50%);
...

Compiles To

theme.css

/*************************** Import Bootstrap  *****************************/
@use '../lib/bootstrap/scss/bootstrap.scss';
/*************************** Theme Styles Section ****************************/
@use 'theme/styles.scss';
/*************************** Theme Colours****************************/
/*************************** Variables Section. *****************************/

[WesMC]

A Quick Update:

Sass is not compiling variables globally when using @use instead of @import. This causes the need to add the @use variables declaration on EACH .scss file using variables, mixins, functions, etc...

Please see the issue that I created: sass/sass#2876

That being said, the compiler for Compile-Hero still does not recognize @use statements

[Wscats]

@WesMC Thanks for your feedback, I will always pay attention to the progress of sass in this regard.

[zivan2]

@Wscats Have you made any changes? I also can't compile anything with @use.