Validate bare values (#13245)

* add validation for bare values

* add bare value validation to `row-span`, `row-start`, `row-end`, `row-span`, `row-start`, and `row-end`

* update changelog

* validate bare values in `utilities.functional` utilities

* mark candidates as invalid if the leftover value is an empty string

* Update packages/tailwindcss/src/candidate.ts

Co-authored-by: Jordan Pittman <[email protected]>

* validate `from`, `via` and `to`

This way we make sure that the bare value ends with `%`, and the value
before it is a number.

---------

Co-authored-by: Jordan Pittman <[email protected]>

Author: RobinMalfait

CHANGELOG.md

@@ -11,6 +11,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Inline `@import` rules in `tailwindcss/index.css` at publish time for better performance ([#13233](https://github.com/tailwindlabs/tailwindcss/pull/13233))
 
+### Fixed
+
+- Validate bare values ([#13245](https://github.com/tailwindlabs/tailwindcss/pull/13245))
+
 ## [4.0.0-alpha.9] - 2024-03-13
 
 ### Added

packages/tailwindcss/src/candidate.ts

@@ -426,6 +426,13 @@ export function parseCandidate(input: string, designSystem: DesignSystem): Candi
           ? null
           : value.slice(valueWithoutModifier.lastIndexOf('-') + 1)
 
+      // If the leftover value is an empty string, it means that the value is an
+      // invalid named value. This makes the candidate invalid and we can
+      // skip any further parsing.
+      if (valueWithoutModifier === '') {
+        return null
+      }
+
       candidate.value = {
         kind: 'named',
         value: valueWithoutModifier,