Use static Tailwind classes for settings code blocks

[skyfallwastaken]

Summary of the problem

The settings code block built its text size as text-${size}. Tailwind cannot detect these dynamic class names, so the generated styles depended on unrelated source files containing each size.

Describe your changes

Map the typed xs and sm size options to static text-xs and text-sm classes so Tailwind discovers both without changing rendered output.

Screenshots / Media

Not applicable. There is no visual change.

[greptile-apps]

Greptile Summary

This PR replaces a dynamically constructed Tailwind text-size class with a statically discoverable, type-safe class mapping while preserving the existing xs and sm options.

• Adds a constant mapping from size options to Tailwind utility classes.
• Derives the size prop type from the mapping keys.
• Uses the mapped static class when rendering the settings code block.

Confidence Score: 5/5

The PR appears safe to merge with no actionable regressions identified.

The only current caller uses the valid default size, and the static mapping preserves both supported size options while making their Tailwind classes discoverable during compilation.

Important Files Changed

Filename	Overview
app/javascript/pages/Users/Settings/components/CodeBlock.svelte	Replaces Tailwind-invisible dynamic class construction with equivalent static classes without changing the reachable rendered behavior.

_{Reviews (1): Last reviewed commit: "Use static classes for settings code blo..." | Re-trigger Greptile}

[Copilot]

Pull request overview

This PR fixes Tailwind CSS class discovery for the Settings CodeBlock component by replacing a dynamically constructed text-${size} utility with a static mapping, ensuring the required font-size utilities are always present in the generated CSS.

Changes:

• Introduced a sizeClasses map from the allowed xs/sm size options to static Tailwind classes (text-xs, text-sm).
• Updated the prop type for size to be derived from sizeClasses keys to keep types in sync with the mapping.
• Switched the <pre> class construction to use sizeClasses[size] rather than a dynamic Tailwind class string.

---

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.