Menu option hover styling fixes

Red text (e.g. “Delete”) and SVG icons weren’t getting set to white on hover, so were hard to see on the dark background introduced by #14571.

[ci skip]

CHANGELOG.md

@@ -13,6 +13,7 @@
 - Fixed a bug where tooltips within element labels caused the element title to be read twice by screen readers.
 - Fixed a styling issue when editing an entry without any meta fields. ([#14721](https://github.com/craftcms/cms/issues/14721))
 - Fixed a bug where the `_includes/nav.twig` template wasn’t marking nested nav items as selected. ([#14735](https://github.com/craftcms/cms/pull/14735))
+- Fixed issues with menu options’ hover styles.
 
 ## 5.0.0 - 2024-03-26
 

packages/craftcms-sass/_mixins.scss

@@ -634,8 +634,12 @@ $menuBorderRadius: $mediumBorderRadius;
 }
 
 @mixin menu-item-active-styles {
-  color: var(--white);
+  color: var(--white) !important;
   background-color: var(--dark-sel-color);
+
+  svg {
+    @include svg-mask(var(--white));
+  }
 }
 
 @mixin disclosure-link-hover-styles {