fix: fixing tailwindcss implementation that was breaking the production website

Co-authored-by: Copilot <copilot@github.com>

Author: mallory-scotton

src/css/custom.css

@@ -4,16 +4,9 @@
  * work well for content-centric websites.
  */
 
-/* 1. Define the layers */
-@layer theme, base, components, utilities;
-
-/* 2. Import the Theme variables */
-@import 'tailwindcss/theme' layer(theme);
-
-/* OMIT PREFLIGHT: Do not import "tailwindcss/preflight" */
-
-/* 3. Import the Utilities (the actual Tailwind classes) */
-@import 'tailwindcss/utilities' layer(utilities);
+/* Import Tailwind without preflight */
+@import 'tailwindcss/theme';
+@import 'tailwindcss/utilities';
 
 /* EDS Iconfont */
 @font-face {
@@ -1938,3 +1931,4 @@ mark,
   list-style-type: disc;
   margin-inline-start: 0.5rem;
 }
+

src/plugins/tailwind-config.js

@@ -2,8 +2,16 @@ module.exports = function tailwindPlugin(context, options) {
   return {
     name: 'tailwind-plugin',
     configurePostCss(postcssOptions) {
-      postcssOptions.plugins = [require('@tailwindcss/postcss')];
+      postcssOptions.plugins.push(require('@tailwindcss/postcss'));
       return postcssOptions;
+    },
+    configureWebpack(config, isServer) {
+      if (config.optimization && config.optimization.minimizer) {
+        config.optimization.minimizer = config.optimization.minimizer.filter(
+          (m) => m && m.constructor && m.constructor.name !== 'CssMinimizerPlugin'
+        );
+      }
+      return {};
     }
   };
 };