fix(ui5-slider): align slider to the spec

[aleksandar-terziev]

JIRA - BGSOFUIRILA-4149

Replace hardcoded Slider and RangeSlider positioning values with calculated CSS formulas across all themes to align with design spec

[ui5-webcomponents-bot]

🧹 Preview deployment cleaned up: https://pr-12802--ui5-webcomponents.netlify.app

[nikoletavnv]

I still see misalignment of the progress indicator and the slider track. The progress is now rendered a little bit above the track.
The issue is present at certain magnifications e.g. 150% or 175% and disappears on 200%

Please check this picture in Cozy mode:

In Compact mode the misalignment is less but still noticeable.

[nikoletavnv]

On sap_fiori_3 and sap_fiori_3_dark there is a little shift of the left progress:

[nikoletavnv]

On sap_horizon_hcw the focus outline of the handle is somehow shifted:

[nikoletavnv]

On sap_horizon and sap_horizon_dark - the slider progress focus ::after is almost overlapping the right handle when the range slider is moved to the right end of the scale:

[nikoletavnv]

The change looks good in general. We can discuss to what extent we can fix the small visual issues that I found during the code review.

[aleksandar-terziev]

The change looks good in general. We can discuss to what extent we can fix the small visual issues that I found during the code review.

Thanks for the review! I have addressed the issues mentioned in the comments.

[ui5-webcomponents-bot]

🎉 This PR is included in version v2.19.0-rc.3 🎉

The release is available on v2.19.0-rc.3

Your semantic-release bot 📦🚀