fix: Switch - no correct animation on the IOS/Chrome

[lexlexa]

🤔 This is a ...

• New feature
• Bug fix
• Site / document update
• Component style update
• TypeScript definition update
• Refactoring
• Code style optimization
• Test Case
• Branch merge
• Other (about what?)

🔗 Related issue link

fix #24087
fix #19915

💡 Background and solution

1. The animation does not work correctly on the IOS in the Chrome browser
   Step to reproduce:

• Open page
• Collapse browser tab
• Create new tab
• Open previous tab
• Animations not worked

2. GIF
   

3. Solution
   Do not use relative units (%)
   I use calculated values ​​from LESS variables

📝 Changelog

Language	Changelog
🇺🇸 English	Fix Switch shake in safari and iOS Chrome.
🇨🇳 Chinese	修复 Switch 在 safari 和 iOS Chrome 上点击时错位的问题。

☑️ Self Check before Merge

⚠️ Please check all items below before review. ⚠️

• Doc is updated/provided or not needed
• Demo is updated/provided or not needed
• TypeScript definition is updated/provided or not needed
• Changelog is provided or not needed

[ant-design-bot]

[yoyo837]

Pls rebase and run npm test -- -u

[afc163]

rebase master

[codecov]

Codecov Report

Merging #24122 into master will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##           master   #24122   +/-   ##
=======================================
  Coverage   98.82%   98.82%           
=======================================
  Files         364      364           
  Lines        7297     7297           
  Branches     2031     2031           
=======================================
  Hits         7211     7211           
  Misses         86       86           

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 9d03db0...479113f. Read the comment docs.

[afc163]

This also resolves #19915! Thx! @lexlexa

[zombieJ]

Breaks longer title