Token function can't use color opacity modifier about panda HOT 1 CLOSED

yeah this one is not an issue, we support directly transforming the string token fn like border: "1px solid token(colors.amber.300/50) but not in the JS token fn (the one that you have to import from styled-system)

you can achieve the same result with string concatenation on your side with something like

const mix = (value: string, percent: number) => `color-mix(in srgb, ${value} ${percent}%, transparent)`
const tokenValue = token.var('colors.amber.300');
const value = mix(tokenValue)

I think it might be worth adding to the documentation somewhere, do you want to take a shot a it ? @jungai

from panda.