[Feature]: CSS light-dark() output?

[brian-patrick-3]

What feature would you like?

Having a light and a dark theme, is it possible to generate variables using the CSS light-dark() syntax?

Ex desired output:

:root {
  /* palette tokens */
  --kd-color-black: #000;
  --kd-color-white: #fff;
    
  /* named tokens */
  --kd-color-text: light-dark(var(--kd-color-black), var(--kd-color-white));
  --kd-color-background: light-dark(var(--kd-color-white), var(--kd-color-black));
}

If yes, how would we need to structure the tokens in tokens studio to get the right JSON output?

Would you be available to contribute this feature?

• Yes, I would like to contribute this

[jorenbroekema]

duplicate amzn/style-dictionary#1377