min-h-none and min-w-none do not set correct styles

[minimusubi]

What version of Tailwind CSS are you using?

v4.0.0

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

Nuxt.js v3.15.3

What version of Node.js are you using?

v20.12.2

What browser are you using?

Chrome

What operating system are you using?

Windows 11

Reproduction URL

These appear to be the lines responsible for adding the min-w-none and min-h-none classes.

tailwindcss/packages/tailwindcss/src/utilities.ts

Lines 899 to 902 in a8c54ac

	staticUtility(`min-w-none`, [['min-width', 'none']])
	staticUtility(`max-w-none`, [['max-width', 'none']])
	staticUtility(`min-h-none`, [['min-height', 'none']])
	staticUtility(`max-h-none`, [['max-height', 'none']])

Describe your issue

There are utility classes for min-width: none (min-w-none) and min-height: none (min-h-none). However, none is not a valid keyword for those styles.

none is valid for max-height and [max-width](https://developer.mozilla.org/en-US/docs/Web/CSS/max-width#syntax). none` is not valid for min-height and min-width.

Alternatives
Both min-w-0 and min-w-[0] can be used to set min-width to zero, and the same goes for height.