Revert "Bump tailwindcss from 3.4.17 to 4.1.11 (#1030)"

This reverts commit 526c61f.

Author: ken-matsui

app/globals.css

@@ -1,4 +1,6 @@
-@import "tailwindcss";
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
 
 html {
     font-size: 16px;

app/page.tsx

@@ -12,14 +12,14 @@ export const metadata: Metadata = {
 
 export default function Home() {
     return (
-        <main className="container mx-auto max-w-7xl px-6 grow">
+        <main className="container mx-auto max-w-7xl px-6 flex-grow">
             <section className="flex flex-col items-center justify-center">
-                <section className="flex relative overflow-hidden lg:overflow-visible w-full flex-nowrap justify-between items-center h-[calc(100vh-64px)] 2xl:h-[calc(84vh-64px)]">
+                <section className="flex relative overflow-hidden lg:overflow-visible w-full flex-nowrap justify-between items-center h-[calc(100vh_-_64px)] 2xl:h-[calc(84vh_-_64px)]">
                     <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
                         <div className="text-center leading-8 md:leading-10 md:text-left">
                             <div className="inline-block">
                                 <h1 className="font-bold text-3xl lg:text-6xl">
-                                    <span className="from-[#51DEEC] to-[#3023AE] bg-clip-text text-transparent bg-linear-to-b">
+                                    <span className="from-[#51DEEC] to-[#3023AE] bg-clip-text text-transparent bg-gradient-to-b">
                                         Effortlessly
                                     </span>{" "}
                                     build and share your C++ packages.

package.json

@@ -22,7 +22,6 @@
         "@fortawesome/free-solid-svg-icons": "^6.7.2",
         "@fortawesome/react-fontawesome": "^0.2.2",
         "@nextui-org/react": "^2.6.11",
-        "@nextui-org/theme": "^2.4.5",
         "@vercel/analytics": "^1.5.0",
         "@vercel/speed-insights": "^1.2.0",
         "framer-motion": "^12.22.0",
@@ -42,7 +41,6 @@
         "@graphql-codegen/typescript-graphql-request": "^6.3.0",
         "@graphql-codegen/typescript-operations": "^4.6.1",
         "@tailwindcss/typography": "^0.5.16",
-        "@tsconfig/next": "^2.0.3",
         "@types/node": "24.0.10",
         "@types/react": "18.3.12",
         "@types/react-dom": "18.3.1",
@@ -52,7 +50,7 @@
         "next-sitemap": "^4.2.3",
         "postcss": "^8.5.6",
         "tailwind-variants": "^1.0.0",
-        "tailwindcss": "^4.1.11",
+        "tailwindcss": "^3.4.17",
         "typescript": "^5.8.3"
     },
     "packageManager": "[email protected]+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"

postcss.config.ts

@@ -1,5 +1,6 @@
 export default {
     plugins: {
-        "@tailwindcss/postcss": {},
+        tailwindcss: {},
+        autoprefixer: {},
     },
 };

tsconfig.json

@@ -1,16 +1,28 @@
 {
-    "extends": "@tsconfig/next/tsconfig.json",
     "compilerOptions": {
-        "target": "es2024",
-        "module": "esnext",
-        "moduleResolution": "bundler",
-
-        "strict": true,
+        "target": "es5",
+        "lib": ["dom", "dom.iterable", "esnext"],
+        "allowJs": true,
         "skipLibCheck": true,
+        "strict": true,
+        "forceConsistentCasingInFileNames": true,
         "noEmit": true,
+        "esModuleInterop": true,
+        "module": "esnext",
+        "moduleResolution": "node",
+        "resolveJsonModule": true,
+        "isolatedModules": true,
+        "jsx": "preserve",
+        "incremental": true,
         "baseUrl": ".",
-        "paths": { "~/*": ["./*"] },
-        "types": ["tailwindcss", "node"]
+        "paths": {
+            "~/*": ["./*"]
+        },
+        "plugins": [
+            {
+                "name": "next"
+            }
+        ]
     },
     "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
     "exclude": ["node_modules"]