fix(shadcn): only add tw-animate-css if no tailwindcss-animate (#6972)

* feat(shadcn): fix existing tailwindcss-animate

* docs: changelog

* tests(shadcn): update snapshots

apps/www/content/docs/tailwind-v4.mdx

@@ -294,6 +294,24 @@ function AccordionItem({
 
 ## Changelog
 
+### March 19, 2025 - Deprecate `tailwindcss-animate`
+
+We've deprecated `tailwindcss-animate` in favor of `tw-animate-css`.
+
+New project will have `tw-animate-css` installed by default.
+
+For existing projects, follow the steps below to migrate.
+
+1. Remove `tailwindcss-animate` from your dependencies.
+2. Remove the `@plugin 'tailwindcss-animate'` from your globals.css file.
+3. Install `tw-animate-css` as a dev dependency.
+4. Add the `@import "tw-animate-css"` to your globals.css file.
+
+```diff showLineNumbers
+- @plugin 'tailwindcss-animate';
++ @import "tw-animate-css";
+```
+
 ### March 12, 2025 - New Dark Mode Colors
 
 We've revisted the dark mode colors and updated them to be more accessible.