Revert "feat: upgrade tailwindcss v4"

next.config.js

@@ -1,10 +1,9 @@
 /** @type {import('next').NextConfig} */
-import withPWA from "next-pwa";
-
+/* eslint-disable @typescript-eslint/no-var-requires */
 const nextConfig = {
-  output: "standalone",
+  output: 'standalone',
   eslint: {
-    dirs: ["src"],
+    dirs: ['src'],
   },
 
   reactStrictMode: false,
@@ -15,12 +14,12 @@ const nextConfig = {
     unoptimized: true,
     remotePatterns: [
       {
-        protocol: "https",
-        hostname: "**",
+        protocol: 'https',
+        hostname: '**',
       },
       {
-        protocol: "http",
-        hostname: "**",
+        protocol: 'http',
+        hostname: '**',
       },
     ],
   },
@@ -28,7 +27,7 @@ const nextConfig = {
   webpack(config) {
     // Grab the existing rule that handles SVG imports
     const fileLoaderRule = config.module.rules.find((rule) =>
-      rule.test?.test?.(".svg")
+      rule.test?.test?.('.svg')
     );
 
     config.module.rules.push(
@@ -43,7 +42,7 @@ const nextConfig = {
         test: /\.svg$/i,
         issuer: { not: /\.(css|scss|sass)$/ },
         resourceQuery: { not: /url/ }, // exclude if *.svg?url
-        loader: "@svgr/webpack",
+        loader: '@svgr/webpack',
         options: {
           dimensions: false,
           titleProp: true,
@@ -65,11 +64,11 @@ const nextConfig = {
   },
 };
 
-const pwaConfig = withPWA({
-  dest: "public",
-  disable: process.env.NODE_ENV === "development",
+const withPWA = require('next-pwa')({
+  dest: 'public',
+  disable: process.env.NODE_ENV === 'development',
   register: true,
   skipWaiting: true,
 });
 
-export default pwaConfig(nextConfig);
+module.exports = withPWA(nextConfig);