Revert "[NO JIRA]: Update compliation of stylesheets (#3707)" (#3727)

This reverts commit b39d427.

Author: olliecurtis

package.json

@@ -19,7 +19,7 @@
     "build": "run-s build:*",
     "build:gulp": "gulp",
     "build:unstable__bpk-mixins": "./scripts/scss/generate-unstable__bpk-mixins.sh",
-    "build:sass": "node scripts/scss/styles-prod.js",
+    "build:sass": "node scripts/scss/styles-prod.js && rm packages/bpk-stylesheets/index.css",
     "build:stylesheets": "(cd packages/bpk-stylesheets && node build)",
     "check-bpk-dependencies": "node scripts/npm/check-bpk-dependencies.js",
     "check-react-versions": "node scripts/npm/check-react-versions.js",
@@ -55,9 +55,9 @@
     "transpile:clean": "rm -rf ./dist",
     "transpile:js": "BABEL_ENV=dev babel packages --ignore ./packages/bpk-stylesheets --out-dir dist --extensions \".ts,.tsx,.js,.jsx\" --config-file ./babel.config.js",
     "transpile:dts": "tsc --project tsconfig.declaration.json",
+    "transpile:imports": "node scripts/transpilation/transform-js-scss-css-imports.js",
     "transpile:copy-css": "node scripts/transpilation/copy-css.js",
     "transpile:copy-utils": "node scripts/transpilation/copy-utils.js",
-    "transpile:imports": "node scripts/transpilation/transform-js-scss-css-imports.js",
     "transpile:copy-package-json": "cp ./packages/package.json ./dist/",
     "transpile:copy-readme": "cp packages/README.md ./dist/"
   },

packages/bpk-stylesheets/webpack.config.babel.js

@@ -123,8 +123,5 @@ module.exports = {
     new MiniCssExtractPlugin({
       filename: 'base.css',
     }),
-    new MiniCssExtractPlugin({
-      filename: 'index.css',
-    }),
   ],
 };

scripts/transpilation/transform-js-scss-css-imports.js

@@ -46,7 +46,7 @@ console.log('Crunching import paths...');
 // eslint-disable-next-line no-console
 console.log('');
 
-const findReplaces = [{ find: '.scss', replace: '.css' }];
+const findReplaces = [{ find: '.module.scss', replace: '.module.css' }];
 
 const jsFiles = execSync(
   'find dist -name "*.js" -o -name "*.jsx" -name "*.ts" -o -name "*.tsx" | grep -v node_modules',