I am running ng serve with an Angular cli project which includes Sass. I have been using @import and @include with no problem, when I added @use, the terminal throws:
@use is coming soon, but it's not supported in this version of Dart Sass.
My package.json uses "sass": "1.25.0", which according to the official documentation, @use has been supported since 1.23.
Is there something I'm missing?
UPDATE: I see that Angular lists Sass as a dependency in package-lock.json but with an older version. How can I make it to match the package.json version? I tried changed manually, run npm i --save but then package-lock.json reverts to the older version.
UPDATE 2 - Feb 2020: Even both package-lock.json and package.json show that use a 1.25.0 version of Sass, still can't use @use
if you want to use @use, then go to package.json and update dart-sass
"dart-sass": "^1.25.0"
It's because the dependency in build-angular still refer to the old sass.
Here is what I did. After update sass, go node_modules/@angular-devkit/build-angular update dependency in build-angular's package.json. If there is an old version of sass in build-angular/node_modules, you need to remove that too.
Hope this helps.
Have you tried with caret (^)?
Like:
"sass" : "^1.25.0"