Laravel-mix and Material-components-web includePaths problem

I'd like to use the sass version of MDC but I'm having a really hard time trying to figure out and configuring the webpack.config.js

MDC's docs stated we need to add the includePaths for it to work.

I already tried the following with no luck.

{
            test: /\.s[ac]ss$/,
            include: /node_modules/, // and /node_modules\/@material/
            loaders: ['style-loader', 'css-loader', 'sass-loader']
        },

even the

{ loader: 'sass-loader',
   options: {
      includePaths: glob.sync('node_modules').map((d) => path.join(__dirname, d))
   }
}