Skip to content

Sass option quietDeps does not seem to work #651

Open
@Renkas

Description

@Renkas

Describe the bug
Sass option quietDeps does not seem to work. When setting this true I'll still see deprecation warnings in console output

Logs

Deprecation Warning: Sass's behavior for declarations that appear after nested
rules will be changing to match the behavior specified by CSS in an upcoming
version. To keep the existing behavior, move the declaration above the nested
rule. To opt into the new behavior, wrap the declaration in `& {}`.

More info: https://sass-lang.com/d/mixed-decls

   ┌──> node_modules/@material/linear-progress/_mixins.scss
70 │         transition: animation-functions.exit-temporary(opacity, 250ms);
   │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ declaration
   ╵
   ┌──> node_modules/@material/dom/_dom.scss
95 │ ┌     @media screen and (forced-colors: active) {
96 │ │       @content;
97 │ │     }
   │ └─── nested rule
   ╵
    node_modules/@material/linear-progress/_mixins.scss 70:7                @content
    node_modules/@material/feature-targeting/_feature-targeting.scss 218:5  targets()
    node_modules/@material/linear-progress/_mixins.scss 69:5                core-styles()
    src/lib/layout/PageLoader.svelte 6:7                                    root stylesheet

To Reproduce

 preprocess: [
    sveltePreprocess({
      postcss: {
        plugins: [autoprefixer()]
      },
      sass: {
        quietDeps: true
      }
    })
  ],

Expected behavior
There should be no such output in the console

Information about your project:

  • svelte-preprocess version 6.0.2

  • Whether your project uses Webpack or Rollup. It uses Vite

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions