fix(components): disable minification in themes build due to limitations in mobile css parser (#1143)

packages/components/src/packages/org.standardnotes.token-vault/package.json

@@ -35,7 +35,7 @@
     "@standardnotes/styles": "workspace:*",
     "@svgr/webpack": "^6.2.1",
     "babel-loader": "^8.2.5",
-    "css-loader": "^6.7.1",
+    "css-loader": "*",
     "eslint": "*",
     "eslint-plugin-react": "^7.30.0",
     "html-webpack-plugin": "^5.5.0",
@@ -51,7 +51,7 @@
     "react-beautiful-dnd": "^13.1.0",
     "react-color": "^2.19.3",
     "react-dom": "^18.2.0",
-    "sass-loader": "^13.0.0",
+    "sass-loader": "*",
     "style-loader": "~3.3.1",
     "svg-url-loader": "^7.1.1",
     "terser-webpack-plugin": "^5.3.3",

packages/components/src/packages/theme.webpack.config.js

@@ -1,5 +1,5 @@
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const RemoveEmptyScriptsPlugin = require('webpack-remove-empty-scripts');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin')
+const RemoveEmptyScriptsPlugin = require('webpack-remove-empty-scripts')
 
 module.exports = {
   mode: 'production',
@@ -20,15 +20,23 @@ module.exports = {
               url: false,
             },
           },
-          'sass-loader',
+          {
+            loader: 'sass-loader',
+            options: {
+              sassOptions: {
+                outputStyle: 'expanded',
+                minimize: false,
+              },
+            },
+          },
         ],
       },
     ],
   },
   plugins: [
     new MiniCssExtractPlugin({
-      filename: "dist.css"
+      filename: 'dist.css',
     }),
     new RemoveEmptyScriptsPlugin(),
   ],
-};
+}