fix(tabs): set the correct fluent active tab hover values (#502)

Author: adrianptrv

sass/themes/schemas/components/light/_tabs.scss

@@ -245,9 +245,9 @@ $material-tabs: extend(
 /// @prop {Map} button-hover-color [color: ('gray', 600)] - The color used for the button icon/text color on hover.
 /// @prop {Map} button-disabled-color [color: ('gray', 400)] - The color used for the disabled button icon/text.
 /// @prop {Map} item-active-color [color: ('gray', 800)] - The color used for the active tabs text.
-/// @prop {Map} item-active-hover-color [color: ('gray', 800)] - The color used for the active tabs text on hover and focus.
+/// @prop {Map} item-active-hover-color [color: ('gray', 900)] - The color used for the active tabs text on hover and focus.
 /// @prop {Map} item-active-icon-color [color: ('gray', 800)] - The color used for the active tab icon.
-/// @prop {Map} item-active-hover-icon-color [color: ('gray', 800)] - The color used for the active tab icon on hover and focus.
+/// @prop {Map} item-active-hover-icon-color [color: ('gray', 900)] - The color used for the active tab icon on hover and focus.
 /// @prop {Map} item-hover-icon-color [color: ('gray', 900)] - The color used for the tab icon on hover.
 /// @prop {Map} item-icon-color [color: ('gray', 800)] - The color used for the tab icon.
 /// @prop {Map} typography [label: (value: 'body-2')] - The typography styles used for the component.
@@ -288,7 +288,7 @@ $fluent-tabs: extend(
         item-active-hover-color: (
             color: (
                 'gray',
-                800,
+                900,
             ),
         ),
         item-active-icon-color: (
@@ -300,7 +300,7 @@ $fluent-tabs: extend(
         item-active-hover-icon-color: (
             color: (
                 'gray',
-                800,
+                900,
             ),
         ),
         item-hover-icon-color: (