Max-width screens named with numbers (e.g. 1800, 1440 instead of xl, lg) not working

[Bobakanoosh]

Re-opening #5956, which asks for support for numerically named max-width breakpoints.

It was initially fixed, and then reverted in #6289.

What version of Tailwind CSS are you using?
3.4.4

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

What version of Node.js are you using?
N/A

What browser are you using?
N/A

What operating system are you using?
N/A

Reproduction URL
https://play.tailwindcss.com/HZk7pMuTwQ

Describe your issue
I personally prefer to use numbered breakpoint names (e.g. 1800, 1200 vs 2xl, xl) as it feels a lot more intuitive during development. This worked with min-width breakpoints, but seems to not work with max-width breakpoints. The playground link documents this issue pretty well.