changing width on a certain state messes up ToggleSwitch skinC

Steps to reproduce:
1. Download the attached project that contains the following view:

<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark" title="HomeView">
<s:states>
<s:State name="State1"/>
<s:State name="State2"/>
</s:states>
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<s:layout>
<s:VerticalLayout gap="20" paddingBottom="20" paddingLeft="20" paddingRight="20"
paddingTop="20"/>
</s:layout>
<s:ToggleSwitch width.State2="250"/>
<s:ToggleSwitch width.State1="100%"/>
<s:Button label="Toggle State" click="currentState=='State1'?currentState='State2':currentState='State1'"/>

</s:View>

2. Run the app in ADL or any device.
3. Drag the thumb of the both ToggleSwitch to make them ON.
4. Click the button to toggle State1 and State2.

Actual Results: ON state skin doesn't get updated properly when there is a width change involved.

Expected Results: I think adjusting width based on states could be common. So we need to look at this bug.

Workaround (if any):