hidden lg:block doesn't work but max-sm:hidden does

[vedantroy]

Reproduction: https://github.com/vedantroy/nativewind-reproduction/blob/main/components/ScreenContent.tsx

Expected behavior
The word "Home" should render when hidden lg:block is used. right now only max-sm:hidden works.

Additional context
I'm using custom breakpoints as seen in the tailwind.config.js file

I'm guessing the issue is that in nativewind, later (conflicting) styles don't override earlier ones or something like that.

[chakrihacker]

Having the same issue with flex md:hidden where I want to show content only on mobile browsers and hide on large browsers like tablets and desktops