Typescript does not distribute media keys into ComputedStyleProp in TS 5.x

[tkofh]

This is a bit of a weird one, the way Pinceau handles media keys in tokens.config.ts is broken in Typescript 5 and above.

In version 4, Typescript would distribute the keys from PinceauTheme['media'] into the PinceauMediaQueries union:

type PinceauMediaQueries = 'dark' | 'light' | 'initial' | (keyof PinceauTheme['media'] extends string ? keyof PinceauTheme['media'] : never);
//     ^? type PinceauMediaQueries = 'dark' | 'light' | 'initial' | 'tablet' | 'desktop' | etc...

In version 5, Typescript no longer distributes these, resulting in this type:

type PinceauMediaQueries = 'dark' | 'light' | 'initial' | (keyof PinceauTheme['media'] extends string ? keyof PinceauTheme['media'] : never);
//     ^? type PinceauMediaQueries = 'dark' | 'light' | 'initial' | ('tablet' | 'desktop' | etc...)

They are then no longer included as valid keys for a responsive token.

A simple fix would be to use keyof PinceauTheme['media'] & string as opposed to the current conditional. That appears to work in both 4.x and 5.x.