How will Vanilla Extract adapt to support <ident> and <custom-ident>?

[ShayDavidson]

https://www.bram.us/2024/12/18/the-future-of-css-construct-custom-idents-and-dashed-idents-with-ident/

TLDR: these new CSS capabilities will allow interpolating values into CSS property names. I have a few thoughts on how to make these type safe with Vanilla Extract, e.g.:

const myIdentVar = createIdentableVar()

const myStyle = style({
	animationTimeline: myIdentVar('sibling-index()')
})

Basically createIdentableVar create a function rather than a value. The variable name it produces is still randomly generated like createVar and consistent across all myIdentVar calls. The argument is the enumerator (or even multiple enumerators).