getting tailwind working

package.json

@@ -9,7 +9,6 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@fullhuman/postcss-purgecss": "7.0.2",
     "d3-scale": "4.0.2",
     "lodash": "4.17.21",
     "luxon": "3.5.0",
@@ -27,11 +26,11 @@
     "@types/mapbox-gl": "^2.7.17",
     "@types/node": "22.10.2",
     "@types/react": "19.0.1",
+    "autoprefixer": "^10.4.20",
     "eslint": "9.17.0",
     "eslint-config-next": "15.1.0",
     "postcss-preset-env": "10.1.2",
-    "prettier": "^3.0.3",
-    "tailwindcss": "^3.3.3",
-    "typescript": "^5.2.2"
+    "tailwindcss": "3.4.16",
+    "typescript": "5.7.2"
   }
 }

postcss.config.js

@@ -1,23 +1,6 @@
 module.exports = {
-  plugins: [
-    'tailwindcss',
-    ...(process.env.NODE_ENV === 'production'
-      ? [
-          [
-            '@fullhuman/postcss-purgecss',
-            {
-              content: [
-                './pages/**/*.{js,jsx,ts,tsx}',
-                './components/**/*.{js,jsx,ts,tsx}',
-              ],
-              defaultExtractor: (content) =>
-                content.match(/[\w-/:]+(?<!:)/g) || [],
-              whitelistPatterns: [/mgl-map-wrapper.*/, /mapboxgl.*/],
-              whitelist: ['body', 'html'],
-            },
-          ],
-        ]
-      : []),
-    'postcss-preset-env',
-  ],
-};
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  }
+}

tailwind.config.js

@@ -15,9 +15,5 @@ module.exports = {
   variants: {
     backgroundColor: ['odd'],
   },
-  future: {
-    removeDeprecatedGapUtilities: true,
-    purgeLayersByDefault: true,
-  },
   plugins: [],
 };