Add support for node 16 (current release) and scss

[Bajdzis]

Is your proposal related to a problem?

I start using node 16. My dependency node-scss require update to 6 version. When update this dependency and try build my app i have error:

Node Sass version 6.0.0 is incompatible with ^4.0.0 || ^5.0.0.

Describe the solution you'd like

We must update sass-loader to 10.2.0 version :)
https://github.com/webpack-contrib/sass-loader/releases

Describe alternatives you've considered

Try configure SCSS in CRA without node-scss because this package is deprecated :

Warning: LibSass and Node Sass are deprecated. While they will continue to receive maintenance releases indefinitely, there are no plans to add additional features or compatibility with any new CSS or Sass features. Projects that still use it should move onto Dart Sass.

https://www.npmjs.com/package/node-sass

[daniel-flex]

+1. Am stuck in a pickle with CRA as I can't compile a sass/scss file.

[textbook]

Note that Node 16 isn't yet the Active LTS release, it's Node 14 until the end of October per e.g. https://nodejs.org/en/about/releases/.

[maxburke]

Any updates to this issue?

Node 14 isn't really an option for people using Apple Silicon computers; only node 15 or 16 are supported.

[BenJenkinson]

Since react-scripts 4.0.2, you may use sass instead of node-sass to use SCSS stylesheets within your create-react-app app.

The documentation hasn't yet been updated to match, but the instructions are the same. Just replace node-sass with sass:

$ npm install sass --save

[quiram]

We must update sass-loader to 10.2.0 version :)

Did this work for anyone else? as far as I can tell sass-loader@10.2.0 requires fibers, which is incompatible with node 16 (and looks like will never be compatible). See laverdet/node-fibers#451