Create an icon with #000 fill.
Create a _base button component with a label and a placeholder icon component with #000 fill.
Apply the instance swap property on the placeholder icon component.
Create a button component wrapping the _base button component, make this the “default” variant.
Add a hover variant of this button and link it up with “while hovering”.
Change the icon fill in the default and hover states to #f00.
Create an instance of the button component.
Use instance swap to swap in the icon of step 1.
Notice the icon is now red.
Play the prototype and hover.
Notice the icon in the hover state is now black (reverts to original icon color).
In the prototype, while hovering it should remain red.
This only happens when using the instance swap property. When the instance swap property is removed and the icon is replaced “manually”, the color override persists.
The workaround for now is to avoid the instance swap property for component interactions dealing with color overrides and to just manually swap icons.