[Bug]: fluent-slider does not flip in RTL

Library

Web Components (@fluentui/web-components)

System Info

@fluentui/web-components@3.0.0-alpha.29

Are you reporting Accessibility issue?

None

Reproduction

https://codesandbox.io/s/fuiwc-slider-rtl-z5ky59?file=/index.html

Bug Description

Render fluent-slider in RTL applied either to the slider element itself or to its parent:

<fluent-slider dir="rtl"></fluent-slider>

<!-- or -->

<div dir="rtl">
  <fluent-slider></fluent-slider>
</div>

Actual Behavior

✅ the value increases from right to left (the screenshot shows value 8/10)
🚨 keyboard navigation is not flipped - right arrow increases value
🚨 track is filled from left

Expected Behavior

• right arrow decreases value
• track is filled from right

Logs

No response

Requested priority

Normal

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.