CodSpeed Performance Report

Merging this PR will not alter performance

_{Comparing masenf/reflex-reset-no-theme (6cbac1b) with main (6718679)}

Summary

✅ 8 untouched benchmarks

Greptile Summary

Replaced Tailwind v4-specific --theme() function syntax with standard CSS custom property syntax in the style reset file. This ensures font declarations work correctly in projects that don't use Tailwind.

Key changes:

• Converted font-family: --theme(--default-font-family, ...) to font-family: --default-font-family, ... for both sans-serif and monospace font stacks
• Converted font-feature-settings and font-variation-settings declarations to use standard CSS fallback syntax
• The change maintains the same functionality while ensuring CSS is valid without Tailwind's preprocessor

Confidence Score: 5/5

• This PR is safe to merge with minimal risk
• The change is a straightforward syntax conversion from Tailwind-specific CSS to standard CSS. The functionality remains identical - the same CSS custom properties and fallback values are used, just with proper standard syntax instead of Tailwind's --theme() wrapper. This fixes a real bug where fonts don't render correctly without Tailwind while maintaining compatibility with Tailwind projects.
• No files require special attention

Important Files Changed

Sequence Diagram

sequenceDiagram
    participant Browser
    participant CSS as __reflex_style_reset.css
    participant Tailwind as Tailwind Processor
    
    Note over Browser,Tailwind: Without this fix (old code)
    Browser->>CSS: Load stylesheet
    CSS->>Tailwind: Encounters --theme() syntax
    alt Tailwind enabled
        Tailwind->>CSS: Process --theme() → valid CSS
        CSS->>Browser: Render with correct fonts
    else Tailwind disabled
        CSS--xBrowser: Invalid CSS syntax
        Note over Browser: pre elements render incorrectly
    end
    
    Note over Browser,Tailwind: With this fix (new code)
    Browser->>CSS: Load stylesheet
    CSS->>Browser: Standard CSS custom properties
    Note over Browser: pre elements render correctly<br/>regardless of Tailwind