Remove unused tailwind deps (#1286)

* Remove unused tailwind deps

* Replace tailwindcss-animate with tw-animate-css

Author: oscarcarlstrom

.changeset/poor-kings-bow.md

@@ -0,0 +1,6 @@
+---
+"@obosbbl/grunnmuren-tailwind": patch
+"@obosbbl/grunnmuren-react": patch
+---
+
+Remove unused tailwind-deps

packages/react/src/card/card.tsx

@@ -33,7 +33,7 @@ const cardVariants = cva({
     '[&_[data-slot="media"]]:mx-[calc(theme(space.3)*-1-theme(borderWidth.DEFAULT))] [&_[data-slot="media"]]:mt-[calc(theme(space.3)*-1-theme(borderWidth.DEFAULT))]',
 
     // Sets the aspect ratio of the media content (width: 100% is necessary to make aspect ratio work on images in FF)
-    '[&_[data-slot="media"]>*:not([data-slot="badge"])]:aspect-[3/2] [&_[data-slot="media"]>img]:w-full [&_[data-slot="media"]>img]:object-cover',
+    '[&_[data-slot="media"]>*:not([data-slot="badge"])]:aspect-3/2 [&_[data-slot="media"]>img]:w-full [&_[data-slot="media"]>img]:object-cover',
     // Prepare zoom animation for hover effects. The hover effect can also be enabled by classes on the parent component, so it is always prepared here.
     '[&_[data-slot="media"]>*]:duration-300 [&_[data-slot="media"]>*]:ease-in-out [&_[data-slot="media"]>*]:motion-safe:transition-transform',
 

packages/tailwind/package.json

@@ -18,15 +18,13 @@
   "scripts": {
     "font-fallback": "bun --cwd=./fonts ./generate-font-fallback.ts"
   },
-  "dependencies": {
-    "@tailwindcss/aspect-ratio": "^0.4.2",
-    "@tailwindcss/typography": "^0.5.10",
-    "tailwindcss-animate": "^1.0.7"
-  },
   "devDependencies": {
     "tailwindcss": "4.0.17"
   },
   "peerDependencies": {
     "tailwindcss": "^4.0.0"
+  },
+  "dependencies": {
+    "tw-animate-css": "^1.2.5"
   }
 }

packages/tailwind/tailwind-base.css

@@ -1,4 +1,5 @@
 @import "tailwindcss";
+@import "tw-animate-css";
 @import "./tailwind-typography";
 @import "./font";