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

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.