Hi, I’m having issues with color inheritance using Figma variables/tokens.
The goal is to have our icons within button components inherit the token applied on the parent component (button). The icons are subcomponents exposed as an Instance Swap within the button component, so whenever we swap icons, ideally we want the icons to inherit the token applied on button. However, the icons inherit the default token applied to the subcomponent (Icon).
How do we persist the button icon token instead of overriding it?
Example setup:
<> = component
<Icon> vectors have token color/icon/default applied, which is Gray.
<Button> has <Icon> as a subcomponent, and <Icon> is exposed as an instance property.
We applied the token button/icon , which is White, to the <Icon> within <Button>
