chore: remove ms-choice control border hover color

- most framework don't have border hover color, and a border-color is easy to add but super hard (impossible?) to remove (tried inherit, unset, initial), so let's remove it and let users configure it themselves

Author: ghiscoding

packages/demo/src/style.scss

@@ -28,6 +28,10 @@ $side-menu-width: 250px;
   --bs-nav-link-font-size: 14px;
 }
 
+.ms-choice:hover {
+  border-color: #b7b7b7;
+}
+
 .cloak {
   visibility: 'hidden';
 }

packages/multiple-select-vanilla/src/styles/_variables.scss

@@ -18,7 +18,6 @@ $ms-checkbox-icon-container-border: 1px solid #d0d0d0 !default;
 $ms-checkbox-icon-container-height: 1.05rem !default;
 $ms-checkbox-icon-container-width: 1.05rem !default;
 $ms-choice-border: 1px solid #d0d0d0 !default;
-$ms-choice-border-hover-color: #c3c3c3 !default;
 $ms-choice-border-radius: 4px !default;
 $ms-choice-bgcolor: #fff !default;
 $ms-choice-color: #444 !default;
@@ -121,7 +120,6 @@ $ms-select-all-text-hover-color: transparent !default;
     --ms-choice-border: 1px solid #757575;
     --ms-choice-bgcolor: #262b2f;
     --ms-choice-color: #d4d4d4;
-    --ms-choice-border-hover-color: #7f7f7f;
     --ms-choice-focus-border-color: #{color.adjust($ms-primary-color, $lightness: 5%)};
     --ms-choice-focus-box-shadow: 0 0 0 2px #{rgba($ms-primary-color,.2)};
     --ms-drop-background: #2a2f34;

packages/multiple-select-vanilla/src/styles/multiple-select.scss

@@ -110,9 +110,6 @@
   text-decoration: none;
   user-select: none;
   white-space: nowrap;
-  &:hover {
-    border-color: var(--ms-choice-border-hover-color, v.$ms-choice-border-hover-color);
-  }
   &:focus {
     border-color: var(--ms-choice-focus-border-color, v.$ms-choice-focus-border-color);
     box-shadow: var(--ms-choice-focus-box-shadow, v.$ms-choice-focus-box-shadow);