Fix Tailwind CSS v4 migration

- Update globals.css to use @import "tailwindcss" and @config
- Remove incompatible plugins (tailwindcss-animate, @tailwindcss/forms)
- Add @tailwindcss/postcss for v4 compatibility

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-02-01 15:33:14 +01:00
co-authored by Claude Opus 4.5
parent 90df7bde9e
commit 1f8051ae1a
4 changed files with 3 additions and 47 deletions
-35
View File
@@ -74,9 +74,6 @@ importers:
tailwind-merge:
specifier: ^3.4.0
version: 3.4.0
tailwindcss-animate:
specifier: ^1.0.7
version: 1.0.7(tailwindcss@4.1.18)
web-vitals:
specifier: ^5.1.0
version: 5.1.0
@@ -84,9 +81,6 @@ importers:
'@playwright/test':
specifier: ^1.58.1
version: 1.58.1
'@tailwindcss/forms':
specifier: ^0.5.11
version: 0.5.11(tailwindcss@4.1.18)
'@tailwindcss/postcss':
specifier: ^4.1.18
version: 4.1.18
@@ -135,9 +129,6 @@ importers:
sharp:
specifier: ^0.34.5
version: 0.34.5
tailwindcss:
specifier: ^4.1.18
version: 4.1.18
typescript:
specifier: ^5.9.3
version: 5.9.3
@@ -1399,11 +1390,6 @@ packages:
'@swc/types@0.1.25':
resolution: {integrity: sha512-iAoY/qRhNH8a/hBvm3zKj9qQ4oc2+3w1unPJa2XvTK3XjeLXtzcCingVPw/9e5mn1+0yPqxcBGp9Jf0pkfMb1g==}
'@tailwindcss/forms@0.5.11':
resolution: {integrity: sha512-h9wegbZDPurxG22xZSoWtdzc41/OlNEUQERNqI/0fOwa2aVlWGu7C35E/x6LDyD3lgtztFSSjKZyuVM0hxhbgA==}
peerDependencies:
tailwindcss: '>=3.0.0 || >= 3.0.0-alpha.1 || >= 4.0.0-alpha.20 || >= 4.0.0-beta.1'
'@tailwindcss/node@4.1.18':
resolution: {integrity: sha512-DoR7U1P7iYhw16qJ49fgXUlry1t4CpXeErJHnQ44JgTSKMaZUdf17cfn5mHchfJ4KRBZRFA/Coo+MUF5+gOaCQ==}
@@ -3334,10 +3320,6 @@ packages:
resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
engines: {node: '>=4'}
mini-svg-data-uri@1.4.4:
resolution: {integrity: sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==}
hasBin: true
minimatch@3.1.2:
resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
@@ -4028,14 +4010,8 @@ packages:
tailwind-merge@3.4.0:
resolution: {integrity: sha512-uSaO4gnW+b3Y2aWoWfFpX62vn2sR3skfhbjsEnaBI81WD1wBLlHZe5sWf0AqjksNdYTbGBEd0UasQMT3SNV15g==}
tailwindcss-animate@1.0.7:
resolution: {integrity: sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==}
peerDependencies:
tailwindcss: '>=3.0.0 || insiders'
tailwindcss@4.1.18:
resolution: {integrity: sha512-4+Z+0yiYyEtUVCScyfHCxOYP06L5Ne+JiHhY2IjR2KWMIWhJOYZKLSGZaP5HkZ8+bY0cxfzwDE5uOmzFXyIwxw==}
hasBin: true
tapable@2.3.0:
resolution: {integrity: sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==}
@@ -5619,11 +5595,6 @@ snapshots:
dependencies:
'@swc/counter': 0.1.3
'@tailwindcss/forms@0.5.11(tailwindcss@4.1.18)':
dependencies:
mini-svg-data-uri: 1.4.4
tailwindcss: 4.1.18
'@tailwindcss/node@4.1.18':
dependencies:
'@jridgewell/remapping': 2.3.5
@@ -8037,8 +8008,6 @@ snapshots:
min-indent@1.0.1: {}
mini-svg-data-uri@1.4.4: {}
minimatch@3.1.2:
dependencies:
brace-expansion: 1.1.12
@@ -8894,10 +8863,6 @@ snapshots:
tailwind-merge@3.4.0: {}
tailwindcss-animate@1.0.7(tailwindcss@4.1.18):
dependencies:
tailwindcss: 4.1.18
tailwindcss@4.1.18: {}
tapable@2.3.0: {}