Rewrite the design guard's family table for a Tailwind-free application

Plan step 41(i): every Tailwind utility or variant in a Tailwind-free
application's views now gets a 2.0.0 hint instead of the old Tailwind-utility
replacement (which no longer compiles either) -- a layout component and prop,
an md-* class, or a var(--md-sys-*) token. New families cover flex/grid/gap,
spacing, sizing, display, text-layout and the M3 role utilities
(text-on-surface-variant, border-outline-variant, bg-surface-*, bg-primary);
the breakpoint and scale checks fold in with their hints rewritten the same
way. A class the application's own stylesheets declare is exempt.

literalClasses() now returns each class token unstripped of its variant
prefix (`sm:`, `hover:`) so the new checks can see it; the daisyUI check
strips it itself via the new withoutVariantPrefix() helper, as it always did
internally before.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9

tests/Fixtures/design-guard/breakpoints/layout.blade.php

@@ -1,5 +1,3 @@
 <div class="sm:flex md:grid lg:hidden xl:block 2xl:contents">
     <span class="max-sm:hidden max-md:flex max-lg:grid max-xl:block max-2xl:contents"></span>
-    <p class="sm:hover:underline focus:md:gap-2">stacked variants count too</p>
-    <span class="medium:flex expanded:grid large:block extra-large:contents max-medium:hidden">M3's own are fine</span>
 </div>

tests/Fixtures/design-guard/colour/badge.blade.php

@@ -2,5 +2,5 @@
     <span class="fill-[oklch(0.7_0.1_250)] ring-[color-mix(in_oklab,var(--x)_50%,transparent)]"></span>
     <span class="bg-white text-black border-white"></span>
     <span class="text-on-surface/60 bg-on-surface/12 border-outline/38"></span>
-    <span class="bg-primary text-on-primary border-outline-variant">M3's own are fine</span>
+    <span class="md-ink md-type-body-md">M3's own are fine</span>
 </div>

tests/Fixtures/design-guard/exempt/app.css

@@ -0,0 +1,3 @@
+.gap-4 {
+    gap: 1rem;
+}

tests/Fixtures/design-guard/exempt/view.blade.php

@@ -0,0 +1 @@
+<div class="gap-4 mt-2"></div>

tests/Fixtures/design-guard/tailwind/arbitrary.blade.php

@@ -0,0 +1,3 @@
+<div class="top-[10px] grid-cols-[1fr_2fr]">
+    <span class="flex!"></span>
+</div>

tests/Fixtures/design-guard/tailwind/display.blade.php

@@ -0,0 +1,3 @@
+<div class="hidden block">
+    <span class="inline-block invisible"></span>
+</div>

tests/Fixtures/design-guard/tailwind/layout.blade.php

@@ -0,0 +1,3 @@
+<div class="flex grid inline-flex flex-col">
+    <span class="grid-cols-3 col-span-2 items-center justify-between gap-4"></span>
+</div>

tests/Fixtures/design-guard/tailwind/roles.blade.php

@@ -0,0 +1,2 @@
+<div class="text-on-surface-variant border-outline-variant"></div>
+<span class="bg-surface-container bg-primary"></span>

tests/Fixtures/design-guard/tailwind/sizing.blade.php

@@ -0,0 +1,3 @@
+<div class="w-full h-screen min-w-0 max-w-md">
+    <span class="size-4"></span>
+</div>

tests/Fixtures/design-guard/tailwind/spacing.blade.php

@@ -0,0 +1,3 @@
+<div class="p-4 px-2 mt-2 space-y-4">
+    <span class="m-4 space-x-2"></span>
+</div>

tests/Fixtures/design-guard/tailwind/text.blade.php

@@ -0,0 +1,3 @@
+<p class="text-center truncate">
+    <span class="sr-only whitespace-nowrap line-clamp-2 tabular-nums"></span>
+</p>

tests/Fixtures/design-guard/tailwind/variant.blade.php

@@ -0,0 +1,3 @@
+<div class="hover:underline dark:opacity-50">
+    <span class="group-hover:flex focus:md:gap-2"></span>
+</div>