ToggleButton has a "flash of white"

This issue takes place with the ToggleButton component in light mode, when the button is toggled from the off-state to the on-state. The background color gradually changes from white to purple, but the text instantly changes from black to white. This means that until the background transitions to purple, the text effectively blends with the background:

I see primarily two ways this can be solved: Either by adding a transition time to the text color as well, or by making the background color change instant. I think I prefer the latter, but I would be interested in hearing other opinions since this is (as far as I can tell) behavior that is not yet specified in the design system.