feat: added navigation-toggle-button hover state background color token

Author: Marwa

components/navigation/src/_mixin.scss

@@ -239,6 +239,7 @@
 @mixin utrecht-navigation__toggle-button--hover {
   --utrecht-button-subtle-hover-color: var(--utrecht-navigation-toggle-button-hover-color);
   --utrecht-button-subtle-hover-border-color: var(--utrecht-navigation-toggle-button-hover-border-color);
+  --utrecht-button-subtle-hover-background-color: var(--utrecht-navigation-toggle-button-hover-background-color);
 }
 
 @mixin utrecht-navigation__toggle-button--focus {

components/navigation/src/tokens.json

@@ -804,6 +804,16 @@
               "nl.nldesignsystem.figma.supports-token": false
             },
             "type": "color"
+          },
+          "background-color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "color"
           }
         },
         "focus": {

proprietary/design-tokens/src/component/utrecht/navigation.tokens.json

@@ -218,7 +218,8 @@
         "padding-inline-end": {},
         "hover": {
           "color": {},
-          "border-color": {}
+          "border-color": {},
+          "background-color": {}
         },
         "focus": {
           "color": {},