Delete postcss processing in web3 example

It looks like browsers have basically supported css variables for about 5 years now, so the postcss processing isn't necessary anymore.

Author: jasongrout

examples/web3/package.json

@@ -28,17 +28,10 @@
     "css-loader": "^6.5.1",
     "file-loader": "^6.2.0",
     "fs-extra": "^10.0.0",
-    "postcss": "^8.3.2",
-    "postcss-cssnext": "^3.1.0",
-    "postcss-import": "^14.0.2",
-    "postcss-loader": "^6.1.0",
     "rimraf": "^3.0.2",
     "style-loader": "^3.3.1",
     "typescript": "~4.3.2",
     "url-loader": "^4.1.1",
     "webpack": "^5.65.0"
-  },
-  "peerDependencies": {
-    "postcss": "^8.0.0"
   }
 }

examples/web3/webpack.config.js

@@ -12,40 +12,7 @@ module.exports = {
   },
   module: {
     rules: [
-      {
-        test: /\.css$/,
-        use: [
-          'style-loader',
-          'css-loader',
-          {
-            loader: 'postcss-loader',
-            options: {
-              postcssOptions: {
-                plugins: [
-                  {
-                    postcssPlugin: 'delete-tilde',
-                    AtRule: {
-                      import: (atRule) => {
-                        atRule.params = atRule.params.replace('~', '');
-                      },
-                    },
-                  },
-                  {
-                    postcssPlugin: 'prepend',
-                    Once(css) {
-                      css.prepend(
-                        "@import '@jupyter-widgets/controls/css/labvariables.css';"
-                      );
-                    },
-                  },
-                  require('postcss-import')(),
-                  require('postcss-cssnext')(),
-                ],
-              },
-            },
-          },
-        ],
-      },
+      { test: /\.css$/i, use: ['style-loader', 'css-loader'] },
       // required to load font-awesome
       { test: /\.(woff|woff2|eot|ttf|otf)$/i, type: 'asset/resource' },
       { test: /\.svg$/i, type: 'asset' },