8000 Unwanted sass warnings · Issue #30631 · angular/angular-cli · GitHub 8000
[go: up one dir, main page]

Skip to content
Unwanted sass warnings #30631
Open
Open
@ms-dosx86

Description

@ms-dosx86

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

  1. Create a fresh project and add a library which has sass deprecations
ng new test-app
npm i @evotor-dev/ui-kit
  1. Add its styles to angular.json
"styles": [
    "src/styles.scss",
     "node_modules/@evotor-dev/ui-kit/styles/main.scss"
 ],
  1. 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

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

      0