Draw the plain tooltip without Tailwind

Plan step 36. <x-tooltip> renders data-md-tooltip and data-md-side on
the bubble and data-md-tooltip-anchor on a standalone trigger's wrapper;
tooltip.css draws PlainTooltipTokens' inverse-surface bubble, its anchor
placement and flips per side, and the fade on the fast effects spring
with @starting-style.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9

tests/Feature/Components/ActionStylesheetsTest.php

@@ -12,6 +12,7 @@ use NoNameWeb\LivewireMaterial\Tests\Support\ComponentStylesheet;
  */
 dataset('action components', [
     'loading',
+    'tooltip',
 ]);
 
 it('draws the component from a stylesheet shaped like every package stylesheet', function (string $name) {
@@ -54,8 +55,8 @@ it('takes its values from the tokens and its breakpoints in px', function (strin
 
     // Colours are roles, shadows are elevation levels, type is a type style, motion is a spring.
     expect($source)->not->toMatch('/#[0-9a-f]{3,8}\b|\b(?:rgba?|hsla?|oklch|oklab|lab|lch)\(/i')
-        ->not->toMatch('/\bbox-shadow:\s*(?!none|var\(--md-)/')
-        ->not->toMatch('/\bfont:\s*(?!var\(--md-sys-typescale-)/')
+        ->not->toMatch('/\bbox-shadow:(?!\s*(?:none|var\(--md-))/')
+        ->not->toMatch('/\bfont:(?!\s*var\(--md-sys-typescale-)/')
         ->not->toMatch('/\btransition[a-z-]*:[^;]*(?:\d+m?s\b|\bease\b|ease-in|ease-out|cubic-bezier)/');
 
     foreach ($css->mediaQueries() as $query) {