fix(material/slide-toggle): Increase slide-toggle transition time

[GiftLanga]

Increases the animation transition time to 300ms

Fixes #28916

[github-actions]

Deployed dev-app for 24e9efa to: https://ng-dev-previews-comp--pr-angular-components-29441-dev-fxhoer4z.web.app

Note: As new commits are pushed to this pull request, this link is updated after the preview is rebuilt.

[crisbeto]

It might just be me, I'd be interested to hear others' opinion, but the animation still feels a bit harsh because some parts are instant. It's a bit more obvious when the animation is slowed down:

Screen.Recording.2024-07-16.at.18.50.26.mov

[GiftLanga]

It might just be me, I'd be interested to hear others' opinion, but the animation still feels a bit harsh because some parts are instant. It's a bit more obvious when the animation is slowed down:

Screen.Recording.2024-07-16.at.18.50.26.mov

So I checked, It seems the tracks animation is at 75ms while the handle is at 300ms.
To sync them I have to change the variables in the _switch.scss file

[crisbeto]

It still looks to me like it's "flashing" any time the state is changed. Note in the slowed down recording how there's a point where it completely blends in with the background.

Screen.Recording.2024-07-24.at.11.10.16.mov