Open a bottom sheet at half the screen, and colour its handle

Plan step 19, containment.md C-19 and C-09. A modal sheet opened at 90%
of the viewport where M3 caps the initial position at 50% and lets the
person pull it up; `height` now defaults to `50dvh` and whatever is
passed is held under a ceiling of the screen less M3's 72dp top margin.
The drag handle is `on-surface-variant` undiluted, as
SheetBottomTokens' DockedDragHandleColor and the component's own header
comment already said.

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

tests/Feature/Components/OverlayTest.php

@@ -129,9 +129,12 @@ it('draws a modal bottom sheet with a drag handle, or a standard one without a s
         ->toContain('data-drag-handle')
         ->toContain('aria-modal="true"')
         ->toContain('py-5.5')
-        ->toContain('touch-target h-1 w-8')
+        ->toContain('touch-target h-1 w-8 rounded-corner-full bg-on-surface-variant ')
+        ->toContain('--sheet-max-height: min(50dvh, calc(100dvh - 72px))')
         ->and((string) $this->blade('<x-bottom-sheet standard>Body</x-bottom-sheet>'))
         ->toContain('...materialBottomSheet(true)')
         ->not->toContain('bg-scrim/32')
-        ->not->toContain('aria-modal');
+        ->not->toContain('aria-modal')
+        ->and((string) $this->blade('<x-bottom-sheet height="90dvh">Body</x-bottom-sheet>'))
+        ->toContain('--sheet-max-height: min(90dvh, calc(100dvh - 72px))');
 });