about @utility and css data types

[Cele4TeR]

@utility view-transition-* { view-transition-name: --value([custom-ident]); }
@utility anchor-* { anchor-name: --value([dashed-ident]); }
it's not work,but replacing with --value([*]) will work,i want to know which css data types are supported

[wongjn]

I believe the list of supported types are here:

tailwindcss/packages/tailwindcss/src/utils/infer-data-type.ts

Lines 5 to 22 in 541c3d2

	type DataType =
	| 'color'
	| 'length'
	| 'percentage'
	| 'ratio'
	| 'number'
	| 'integer'
	| 'url'
	| 'position'
	| 'bg-size'
	| 'line-width'
	| 'image'
	| 'family-name'
	| 'generic-name'
	| 'absolute-size'
	| 'relative-size'
	| 'angle'
	| 'vector'

[c-harding]

Would it be possible to add this to the documentation at https://tailwindcss.com/docs/adding-custom-styles#functional-utilities?

[c-harding]

=> tailwindlabs/tailwindcss.com#2176

[c-harding]

=> #17414

[mrwokkel]

That is why time is not working :)