Tailwindcss font size not appling on page load in the vite react application

[dhinagaran0101]

Environment Details

• Node: v22.21.0
• pnpm: 10.11.0
• Browser: Chrome
• OS: macOS

Dependencies
"dependencies": {
"@tailwindcss/vite": "^4.1.17",
"tailwindcss": "^4.1.17",
"vite": "^6.2.3",
"react": "^19.0.0",
"react-dom": "^19.0.0"
}

These are the main packages used in my Vite + React application.

❗ Issue

The font size utilities from Tailwind CSS are not applied on the initial page load.
However, when I manually refresh the page, the font size is applied correctly.

Initial Page Load (incorrect)

After Manual Reload (correct)

[rozsazoltan]

A GitHub repository containing a minimal reproduction would be needed.