I have a library file with 2 color modes, light and dark, containing the design system for Project A. Now I’m working on Project B, which uses the same styling as Project A—only the colors are different—so I created a new color mode for it.

However, I’m running into an issue where the color mode updates aren’t applied correctly to some components—specifically components where I’ve already overridden certain properties in the project file.

Here’s a more detailed example:
I have a button component with two stateProperties: default and hover. The button also includes an icon inside. After I published and updated the library, the default state reflects the correct color mode. But the hover state—especially the icon inside it—doesn't update correctly.

The only way I’ve found to fix it is to manually switch the button state to default, then back to hover. After doing that, the correct color mode applies. But doing this across the whole file would take too much time.

Do you guys have any solution or workaround to apply the color mode updates to overridden components more efficiently?