How to set `quietDeps` option for dart-sass

Update

dart-sass v1.35.1 supports quietDeps and verbose flags, and so you can pass it using sassOptions object on sass-loader options. Docs reference. See example below that now works.

---

Documentation Is:

• Missing
• Needed
• Confusing
• Not Sure?

Please Explain in Detail…

It is not clear how to set the quietDeps flag on the sass options. I have tried the below which doesn’t work:

const sassLoader = {
  loader: 'sass-loader',
  options: {
    sassOptions: {
      quietDeps: true,
    },
  },
};

This option is useful since deprecation of division with /. Many dependencies trigger the deprecation warning, and these warnings are making very difficult to see the warnings of my own code.

Your Proposal for Changes

I need some help in figuring how to configure this. Once figured out I can open a PR documenting it.

[pataar]

Weirdly enough, I’ve set the option in sassOptions but still getting deprecation warnings.

Using 1.35.0 with the updated JS API: https://github.com/sass/sass/issues/3065#issuecomment-861086560

[gcangussu]

I can confirm that on my project quietDeps flag is working correctly since dart-sass 1.35.1

{
  loader: require.resolve('sass-loader'),
  options: {
    sassOptions: { quietDeps: true },
  },
}