How to enable SASS support in specific cases

[mithenks]

Issue in /src/pages/tutorials/basic-modifications/enable-sass-less/index.md

While trying to enable SASS support in a magento PWA studio project, I have experienced the following issues:

• node-sass package is deprecated, I've used sass package instead
• sass-loader package require webpack > 5 in newer versions; if magento pwa studio project use webpack 4.x, I've use sass-loader@10 package
• with previous packages, the localIdentName option is not supported in webpack.config.js

To summarize, in order to enable SASS support we need to:

1. run yarn add --dev sass sass-loader@10
2. add the following configuration in webpack.config.js

config.module.rules.push({
        test: /\.s[ca]ss$/,
        use: [
            'style-loader',
            {
                loader: 'css-loader',
                options: {
                    modules: true,
                    sourceMap: true,
                }
            },
            'sass-loader'
        ]
    });

I think it could be useful to report this information in the documentation.