Open
Description
Command
serve
Is this a regression?
- Yes, this behavior used to work in the previous version
The previous version in which this bug was not present was
Not sure if it's a regression
Description
I imported a ui library which has its own styles which I added in angular.json
via styles: ["node_modules/path/to/main.scss"]
. And when I run ng serve
I see a lot of warnings like below
▲ [WARNING] Deprecation [plugin angular-sass]
node_modules/@evotor-dev/ui-kit/styles/main.scss:5:8:
5 │ @import 'globals.scss';
╵ ^
Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
More info and automated migrator: https://sass-lang.com/d/import
The plugin "angular-sass" was triggered by this import
angular:styles/global:styles:2:8:
2 │ @import 'node_modules/@evotor-dev/ui-kit/styles/main.scss';
╵ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
According to this comment I shouldn't see these deprecation warnings unless I use --verbose
flag.
Minimal Reproduction
- Create a fresh project and add a library which has sass deprecations
ng new test-app
npm i @evotor-dev/ui-kit
- Add its styles to
angular.json
"styles": [
"src/styles.scss",
"node_modules/@evotor-dev/ui-kit/styles/main.scss"
],
ng serve
Exception or Error
▲ [WARNING] Deprecation [plugin angular-sass]
node_modules/@evotor-dev/ui-kit/styles/main.scss:5:8:
5 │ @import 'globals.scss';
╵ ^
Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
More info and automated migrator: https://sass-lang.com/d/import
The plugin "angular-sass" was triggered by this import
angular:styles/global:styles:2:8:
2 │ @import 'node_modules/@evotor-dev/ui-kit/styles/main.scss';
╵ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Your Environment
Angular CLI: 20.0.4
Node: 22.12.0
Package Manager: npm 10.9.0
OS: darwin arm64
Angular: 20.0.5
... common, compiler, compiler-cli, core, forms
... platform-browser, router
Package Version
------------------------------------------------------
@angular-devkit/architect 0.2000.4
@angular-devkit/core 20.0.4
@angular-devkit/schematics 20.0.4
@angular/build 20.0.4
@angular/cli 20.0.4
@schematics/angular 20.0.4
rxjs 7.8.2
typescript 5.8.3
zone.js 0.15.1
Anything else relevant?
No response