Menu: make font-size constant into variable (#12239)

packages/theme-chalk/src/common/var.scss

@@ -597,6 +597,7 @@ $--steps-padding: 20px !default;
 
 /* Menu
 --------------------------*/
+$--menu-item-font-size: $--font-size-base !default;
 $--menu-item-color: $--color-text-primary !default;
 $--menu-item-fill: $--color-white !default;
 $--menu-item-hover-fill: $--color-primary-light-9 !default;

packages/theme-chalk/src/menu.scss

@@ -6,7 +6,7 @@
 @mixin menu-item {
   height: 56px;
   line-height: 56px;
-  font-size: 14px;
+  font-size: $--menu-item-font-size;
   color: $--menu-item-color;
   padding: 0 20px;
   list-style: none;