Version > 4.0.11 do not recognize dots in the custom screens breakpoints

[AntonioVentilii]

It seems that from version 4.0.12 (included), any custom screen breakpoint (for example 1.5md) that contains a dot is not recognized.

What version of Tailwind CSS are you using?

For example: v4.0.13

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

For example: Vite 5.4.14

What version of Node.js are you using?

For example: v22

What browser are you using?

For example: Chrome

What operating system are you using?

For example: macOS

Describe your issue

Using a tailwind.config.ts file, and using the config below it does not recognize the breakpoints with a dot. It was doing it for the previous version.

export default {
        ...
	theme: {
		...
		screens: {
			...
			// custom viewports
			'1.5md': '896px',
			'1.5lg': '1152px',
			'1.5xl': '1408px',
			'2.5xl': '1728px',
		},
		...
	},
	...
} satisfies Config;

[adamwathan]

What the hell sort of breakpoint names are these man!? 😆

[RobinMalfait]

Hey!

This has been fixed by #17153, and will be available in the next release.