Upgraded tailwindcss and daisyui

.changeset/nice-bats-sleep.md

@@ -0,0 +1,5 @@
+---
+"socialify": patch
+---
+
+Upgraded tailwindcss and daisyui

app/globals.css

@@ -1,17 +1,64 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import 'tailwindcss';
+@plugin 'daisyui';
 
-@layer components {
-  .socialify-bg {
-    @apply bg-gradient-to-r from-[#231e43] via-[#191630] to-[#15103e]
+/*
+  The default border color has changed to `currentcolor` in Tailwind CSS v4,
+  so we've added these compatibility styles to make sure everything still
+  looks the same as it did with Tailwind CSS v3.
+
+  If we ever want to remove these styles, we need to add an explicit border
+  color utility to any element that depends on these defaults.
+*/
+@layer base {
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: var(--color-gray-200, currentcolor);
   }
+}
+
+@utility socialify-bg {
+  @apply bg-linear-to-r from-[#231e43] via-[#191630] to-[#15103e];
+}
 
+@utility github-svg {
   /* GitHub corner. */
-  .github-svg:hover .octo-arm {
+  &:hover .octo-arm {
     animation: octocat-wave 560ms ease-in-out;
   }
 
+  @media (max-width: 500px) {
+    &:hover .octo-arm {
+      animation: none;
+    }
+
+    & .octo-arm {
+      animation: octocat-wave 560ms ease-in-out;
+    }
+  }
+}
+
+@utility octo-arm {
+  /* GitHub corner. */
+  .github-svg:hover & {
+    animation: octocat-wave 560ms ease-in-out;
+  }
+
+  @media (max-width: 500px) {
+    .github-svg:hover & {
+      animation: none;
+    }
+
+    .github-svg & {
+      animation: octocat-wave 560ms ease-in-out;
+    }
+  }
+}
+
+@layer components {
+
   @keyframes octocat-wave {
     0%,
     100% {
@@ -28,14 +75,4 @@
       transform: rotate(10deg);
     }
   }
-
-  @media (max-width: 500px) {
-    .github-svg:hover .octo-arm {
-      animation: none;
-    }
-
-    .github-svg .octo-arm {
-      animation: octocat-wave 560ms ease-in-out;
-    }
-  }
 }

package.json

@@ -60,18 +60,18 @@
     "@changesets/cli": "^2.29.5",
     "@jest/types": "^30.0.1",
     "@playwright/test": "^1.53.1",
+    "@tailwindcss/postcss": "^4.1.11",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@types/jest": "^30.0.0",
     "@types/react": "^19.1.8",
-    "autoprefixer": "^10.4.21",
-    "daisyui": "^4.12.24",
+    "daisyui": "^5.0.43",
     "husky": "^9.1.7",
     "jest": "^30.0.3",
     "jest-environment-jsdom": "^30.0.2",
     "postcss": "^8.5.6",
-    "tailwindcss": "^3.4.17",
+    "tailwindcss": "^4.1.11",
     "ts-jest": "^29.4.0",
     "typescript": "^5.8.3"
   },