fix: wrong select background-position and validation icon position when RTL is enabled.

Author: mrholek

scss/forms/_form-select.scss

@@ -6,8 +6,7 @@
 .form-select {
   display: block;
   width: 100%;
-  padding: $form-select-padding-y $form-select-indicator-padding $form-select-padding-y $form-select-padding-x;
-  // stylelint-disable-next-line property-no-vendor-prefix
+  @include ltr-rtl-value-only("padding", $form-select-padding-y $form-select-indicator-padding $form-select-padding-y $form-select-padding-x, $form-select-padding-y $form-select-padding-x $form-select-padding-y $form-select-indicator-padding);
   -moz-padding-start: subtract($form-select-padding-x, 3px); // See https://github.com/twbs/bootstrap/issues/32636
   font-family: $form-select-font-family;
   @include font-size($form-select-font-size);
@@ -17,7 +16,7 @@
   background-color: var(--#{$variable-prefix}form-select-bg, $form-select-bg);
   background-image: escape-svg($form-select-indicator);
   background-repeat: no-repeat;
-  background-position: $form-select-bg-position;
+  @include ltr-rtl-value-only("background-position", $form-select-bg-position);
   background-size: $form-select-bg-size;
   border: $form-select-border-width solid var(--#{$variable-prefix}form-select-border-color, $form-select-border-color);
   @include border-radius($form-select-border-radius, 0);

scss/mixins/_forms.scss

@@ -62,7 +62,7 @@
         @include ltr-rtl("padding-right", $input-height-inner);
         background-image: escape-svg($icon);
         background-repeat: no-repeat;
-        background-position: right $input-height-inner-quarter center;
+        @include ltr-rtl-value-only("background-position", right $input-height-inner-quarter center, left $input-height-inner-quarter center);
         background-size: $input-height-inner-half $input-height-inner-half;
       }
 
@@ -78,7 +78,8 @@
     @include form-validation-state-selector($state) {
       @if $enable-validation-icons {
         @include ltr-rtl("padding-right", $input-height-inner);
-        background-position: top $input-height-inner-quarter right $input-height-inner-quarter;
+        @include ltr-rtl-value-only("background-position", top $input-height-inner-quarter right $input-height-inner-quarter, top $input-height-inner-quarter left $input-height-inner-quarter);
+
       }
     }
   }
@@ -92,7 +93,7 @@
         &:not([multiple])[size="1"] {
           @include ltr-rtl("padding-right", $form-select-feedback-icon-padding-end);
           background-image: escape-svg($form-select-indicator), escape-svg($icon);
-          background-position: $form-select-bg-position, $form-select-feedback-icon-position;
+          @include ltr-rtl-value-only("background-position", #{$form-select-bg-position, $form-select-feedback-icon-position});
           background-size: $form-select-bg-size, $form-select-feedback-icon-size;
         }
       }