Where can I look at the list of supported types for generating utilites?

[FragsterAt]

In https://tailwindcss.com/docs/adding-custom-styles#bare-values i can see:

To resolve the value as a bare value, use the --value({type}) syntax, where {type} is the data type you want to validate the bare value as:

but what is the "type"? this is a subset of https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Values_and_Units/CSS_data_types#numeric_data_types ?

[wongjn]

For bare values, I believe it is this list:

tailwindcss/packages/tailwindcss/src/utilities.ts

Lines 5731 to 5739 in b89d9c3

	// Only allowed bare value data types, to prevent creating new syntax that we
	// typically don't support right now. E.g.: `--value(color)` would allow you to
	// use `text-#0088cc` as a valid utility, which is not what we want.
	export const BARE_VALUE_DATA_TYPES = [
	'number', // 2.5
	'integer', // 8
	'ratio', // 2/3
	'percentage', // 25%
	]

[FragsterAt]

Thanks!