Scss variables in custom webpack configuration

[tankpower1]

Hi,
for my project i needed to pass a variable from webpack to scss which i managed to do in v9.2.2 but since updating to 9.3.0 it doesn't seem to work. This is my current code:

webpack(config) {

        let isDev = ENVIRONMENT !== 'production';

        config.module.rules.forEach(rule => {

            if (rule.test && rule.test.toString().includes('.scss')) {

                rule.use.forEach(el => {

                    if (el.loader && el.loader === 'sass-loader') {

                        el.options.data = `$isDev: ${isDev};`;
                    }
                })

            }
        });

        return config;
    }

[tankpower1]

I can't seem to find where the sass-loader is located in next.js webpack.