next export - missing stylesheets - sass files not being linked in the static html export

[aditibarbhai]

Bug report

Describe the bug

I'm using sass modules for my site and exporting a static site using npm export. The sass modules are working fine with next dev, however, when I do the export, the resulting html file that is generated doesn't have the sass files linked (even though they are exported with the rest of the static files). There is no <link> in the .html file for the sass modules, therefore, there styling does not show up.

To Reproduce

Steps to reproduce the behavior, please provide code snippets or a repository:

1. Include sass modules in your project (e.g. styles.module.scss used in one of your pages)
2. do next export
3. open the resulting out/index.html to find the styling missing

Expected behavior

Expected the styling/stylesheets to show up in the exported pages, but it does not

System information

• OS: macOS Catalina
• Browser (if applies) chrome
• Version of Next.js: Next.js v9.5.0
• Version of Node.js: v10.21.0

Additional context

This is my next.config.js:

module.exports = {
  cssModules: true,
  exportPathMap: function () {
    return {
      '/': { page: '/' },
      '/about': { page: '/about' }
    };
  },
  webpack: (config, { dev }) => {
    // Perform customizations to webpack config
    config.module.rules = config.module.rules.map(rule => {
      if (rule.loader === 'babel-loader') {
        rule.options.cacheDirectory = false;
      }
      return rule;
    });
    config.module.rules.push(
      {
        test: /\.s(a|c)ss$/,
        use: ['babel-loader', 'raw-loader',
          { loader: 'sass-loader' }
        ]
      }
    );
    // Important: return the modified config
    return config;
  }
};

This is my .babelrc.js:

module.exports = {
  'presets': [
    'next/babel'
  ],
};

This is my package.json:

"scripts": {
    "dev": "next",
    "build": "next build",
    "preexport": "npm run build",
    "export": "next export",
    "prestart": "npm run export",
    "start": "serve out"
  },
  "dependencies": {
    "@zeit/next-sass": "^1.0.1",
    "next": "latest",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "react-icons": "^3.10.0",
    "sass": "^1.26.10",
    "serve": "^11.3.2"
  },
  "devDependencies": {
    "@types/node": "^14.0.26",
    "@types/react": "^16.9.16",
    "@types/react-dom": "^16.9.4",
    "@typescript-eslint/eslint-plugin": "^3.7.0",
    "@typescript-eslint/parser": "^3.7.0",
    "babel-loader": "^8.1.0",
    "eslint": "^7.5.0",
    "eslint-config-standard": "^14.1.1",
    "eslint-plugin-import": "^2.22.0",
    "eslint-plugin-node": "^11.1.0",
    "eslint-plugin-promise": "^4.2.1",
    "eslint-plugin-react": "^7.20.3",
    "eslint-plugin-standard": "^4.0.1",
    "gh-pages": "^3.1.0",
    "raw-loader": "^4.0.1",
    "rimraf": "^3.0.2",
    "sass-loader": "^9.0.2",
    "typescript": "^3.9.7"
  }