feat(PROJ-79): tailwindcss v3 -> v4 + tailwind-merge v3 Upgrade
Offizielles @tailwindcss/upgrade-Tool durchgelaufen: tailwind.config.ts entfernt, Theme nach globals.css als @theme-Block (CSS-first-Config), PostCSS auf @tailwindcss/postcss umgestellt. tailwind-merge im selben Schritt auf v3 (Pflicht-Kopplung an Tailwind v4). Codemod-Bug korrigiert: variant="outline" (Prop-Wert) wurde faelschlich als CSS-Klasse zu "outline-solid" umbenannt in 4 Call-Sites - zurueckgesetzt. Neue Lint-Regel (no-restricted-syntax) gegen *-opacity-* Utilities, die in v4 nicht mehr existieren und von tailwind-merge v3 lautlos verschluckt wuerden statt einen Fehler zu werfen. tsc/lint/build gruen. Visueller Regressionstest offen (kein Browser-Tool in dieser Session) - folgt auf 132 vor 131-Deploy.
This commit is contained in:
@@ -44,7 +44,7 @@ const DialogContent = React.forwardRef<
|
||||
{...props}
|
||||
>
|
||||
{children}
|
||||
<DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
|
||||
<DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
|
||||
<X className="h-4 w-4" />
|
||||
<span className="sr-only">Close</span>
|
||||
</DialogPrimitive.Close>
|
||||
|
||||
Reference in New Issue
Block a user