[v4] custom utility class gets overridden by default utility class

[djlguzman]

What version of Tailwind CSS are you using?

v4.0.7

What build tool (or framework if it abstracts the build tool) are you using?

Tailwind Play

What version of Node.js are you using?

Tailwind Play Node Version

What browser are you using?

Chrome

What operating system are you using?

macOS

Reproduction URL

https://play.tailwindcss.com/z53giNsT01?layout=horizontal&size=810x720

Describe your issue

In the tailwind play link above, it seems that the custom 3xl breakpoint from theme is not triggered when changing viewport width size to > 1100px. I see in dev tools that the custom class is indeed generated but the default md breakpoint takes priority.

[wongjn]

See #15450 (comment)

[philipp-spiess]

Yep, you want to use rem here so it's sorted. We'll get this updated in the docs.

[philipp-spiess]

Marking this as a duplicate of tailwindlabs/tailwindcss.com#2099