Next.js pure css enforcement override

plugin.js

const withLocalCSS = (nextConfig = {}) => Object.assign({}, nextConfig, {
    webpack: (config, options) => {
   

      const nextCssLoaders = config.module.rules.find(rule => typeof rule.oneOf === 'object');

      // .module.css
      if (nextCssLoaders) {
        nextCssLoaders.oneOf.forEach(
          (rule) => {
            if (rule.use) {
              if (Array.isArray(rule.use)) {
                const badLoader = rule.use.find(loader => loader.loader.includes('css-loader') && loader.options.modules);
                if(badLoader) {
                  badLoader.options.modules = 'local';
                }
              }
            }
          },
        );
      }


        if (typeof nextConfig.webpack === 'function') {
        return nextConfig.webpack(config, options);
      }

      return config;
    },
  });