Missing styles in compiled style sheet Nextjs Safari

[pjosdev]

Hey just have a question. I'm using size-12 on an element and in Safari in the compiled css file I can't find .size-12. I can find .size-4, .size-6... etc... but no .size-12. The class is present in Chrome. I'm curious to why this might be?

Nextjs is using turbopack.
Safari version 17.6

Cheers!

"next": "16.1.6",
"react": "19.2.4",
    "react-dom": "19.2.4",
"@tailwindcss/postcss": "^4.1.18",
"tailwindcss": "^4.1.18",

[rozsazoltan]

Could you provide a reproduction in a public GitHub repo?

[kaeron-dev]

If .size-12 is missing from the compiled CSS, it usually means Tailwind didn’t detect that class during the content scan or the dev server is serving a cached stylesheet. Since the CSS is generated at build time, the browser itself normally wouldn’t change what classes exist in the file.
Could you share a minimal reproduction or a public repo to help debug the issue?