Currently, I am utilizing Gulp for the purpose of compiling scss into css. However, whenever I include a @use statement in my code, it does not compile the css correctly into the css file; instead, it simply duplicates the @use statement. What could be causing this issue?
The SCSS code is as follows:
@use 'icons';
@use 'fancy-hover';
body {
...
}
.some-class {
...
}
And here is how it appears when compiled to CSS:
@use 'icons'; // ideally, this should display the compiled css from icons.scss
@use 'fancy-hover'; // ideally, this should display the compiled css from fancy-hover.scss
body {...}
.some-class {...}