Can't enable SASS on Adobe Magento PWA

[amin-arabi]

Issue in /src/pages/tutorials/basic-modifications/enable-sass-less/index.md
Issue in injected react component, with .scss file imported and used.
The component is very simple. I've only styled a piece of text.

and the configuration that I added to webpack.config.js is:

config.module.rules.push({
     test: /\.s[ac]ss$/,
     use: [
       // Creates `style` nodes from JS strings
       "style-loader",
       // Translates CSS into CommonJS
       {
         loader: 'css-loader',
         options : {
             modules : true,
             sourceMap : true,
             localIdentName : '[name]-[local]-[hash:base64:3]'
         }
       },
       // Compiles Sass to CSS
       "sass-loader",
     ],
 })

And the error I see in my browser console is:

/src/components/Redirecting/redirecting.scss (./node_modules/css-loader/dist/cjs.js??ref--8-1!./node_modules/sass-loader/dist/cjs.js!./src/components/Redirecting/redirecting.scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
TypeError: this.getOptions is not a function
    at Object.loader (/home/me/my-app-folder/node_modules/sass-loader/dist/index.js:27:24)

Note : Going to https://webpack.js.org/loaders/sass-loader/, node-sass was marked as depracted, so I used the updated library: dart sass, however, I already had tried with node-sass and saw the same error.
Using the configuration suggested in this address, nothing changed, since it's not that different either:

module.exports = {
  module: {
    rules: [
      {
        test: /\.s[ac]ss$/i,
        use: [
          // Creates `style` nodes from JS strings
          "style-loader",
          // Translates CSS into CommonJS
          "css-loader",
          // Compiles Sass to CSS
          "sass-loader",
        ],
      },
    ],
  },
};