Name the monospace faces once, as a typeface token and md-mono

Both applications show values a person reads or types character by
character: SealShare's share tokens and recovery codes, ReStride's file
and folder names and its keyboard shortcuts. The package wrote the
platform's monospace stack twice (the reset's <code>, <kbd>, <samp> and
the mono field) and gave everything else nothing, so an app copied the
stack by hand. --md-ref-typeface-mono now holds it, read by the reset,
the field and a new md-mono text class; the guard points font-mono at
<code> or md-mono. Not an M3 token: M3 names a brand and a plain
typeface and nothing for code. Decided with the user (plan step 46).

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

tests/Feature/DesignGuardTest.php

@@ -369,10 +369,10 @@ it('reports position, border, effect, interactivity and text utilities with the
         'tailwind/utilities.blade.php:3 Tailwind display utility `table` compiles to nothing — write the `display` rule in your own CSS',
         'tailwind/utilities.blade.php:3 Tailwind media utility `aspect-video` compiles to nothing — write `aspect-ratio`/`object-fit` in your own CSS',
         'tailwind/utilities.blade.php:3 Tailwind media utility `object-cover` compiles to nothing — write `aspect-ratio`/`object-fit` in your own CSS',
-        'tailwind/utilities.blade.php:3 Tailwind text utility `font-mono` compiles to nothing — write the rule in your own CSS',
         'tailwind/utilities.blade.php:3 Tailwind text utility `list-disc` compiles to nothing — write the rule in your own CSS',
         'tailwind/utilities.blade.php:3 Tailwind text utility `uppercase` compiles to nothing — write the rule in your own CSS',
         "tailwind/utilities.blade.php:3 Tailwind's `antialiased` compiles to nothing — the foundation already smooths text in grayscale (base.css); drop it",
+        "tailwind/utilities.blade.php:3 Tailwind's `font-mono` compiles to nothing — put the value in `<code>`, `<kbd>` or `<samp>`, or use `md-mono` (text.css)",
         "tailwind/utilities.blade.php:3 Tailwind's `font-sans` compiles to nothing — the foundation already sets the brand typeface; any other `font-family` is your own CSS",
         "tailwind/utilities.blade.php:3 Tailwind's `text-end` compiles to nothing — use `md-text-end` (text.css)",
         "tailwind/utilities.blade.php:3 Tailwind's `underline` compiles to nothing — `md-link` draws a link (interaction.css); any other decoration is your own CSS",

tests/Feature/StylesheetsTest.php

@@ -222,6 +222,19 @@ it('paints the page in surface and on-surface, in the brand typeface, smoothed i
         ->not->toContain('font-smoothing');
 });
 
+it('names the monospace faces once, as a typeface token the reset, the field and md-mono read', function () {
+    // Not an M3 token: M3 names a brand and a plain typeface and nothing for code.
+    $sources = collect(File::allFiles(stylesheetPath()))
+        ->filter(fn (SplFileInfo $file): bool => str_contains($file->getContents(), 'ui-monospace'))
+        ->map(fn (SplFileInfo $file): string => str_replace(stylesheetPath().'/', '', $file->getPathname()))
+        ->values()
+        ->all();
+
+    expect($sources)->toBe(['tokens/type.css'])
+        ->and((string) file_get_contents(stylesheetPath('foundation/reset.css')))->toContain('font-family: var(--md-ref-typeface-mono);')
+        ->and((string) file_get_contents(stylesheetPath('components/field.css')))->toContain('font-family: var(--md-ref-typeface-mono);');
+});
+
 it('leaves no stylesheet under resources/css/ outside all.css or showcase.css', function () {
     // The full tree now that Tailwind is gone (plan step 39): every .css file on disk, not just the
     // ones a bundler happens to reach — a stray or orphaned file would show up here even though
@@ -710,6 +723,7 @@ it('ships exactly the documented text classes, each ink an M3 role', function ()
         'md-line-clamp-3' => ['overflow' => 'hidden', 'display' => '-webkit-box', '-webkit-box-orient' => 'vertical', '-webkit-line-clamp' => '3'],
         'md-nowrap' => ['white-space' => 'nowrap'],
         'md-tabular' => ['font-variant-numeric' => 'tabular-nums'],
+        'md-mono' => ['font-family' => 'var(--md-ref-typeface-mono)'],
         'md-visually-hidden' => [
             'position' => 'absolute', 'width' => '1px', 'height' => '1px', 'padding' => '0', 'margin' => '-1px',
             'overflow' => 'hidden', 'clip-path' => 'inset(50%)', 'white-space' => 'nowrap', 'border-width' => '0',