fix(styles): visual changes to Side Nav after design review [ci visual] (#6217)

Author: InnaAtanasova

packages/styles/src/navigation.scss

@@ -63,9 +63,9 @@ $navExternalLinkIndicator: #{$block}__external-link-indicator;
   --fdNavigation_Link_Icon_Size: 1rem;
   --fdNavigation_Link_Icon_Color: var(--sapList_TextColor);
   --fdNavigation_Link_Min_Height: var(--sapElement_LineHeight);
-  --fdNavigation_Link_Font_Family: var(--sapFontBoldFamily);
+  --fdNavigation_Link_Font_Family: var(--sapFontSemiboldDuplexFamily);
   --fdNavigation_Link_Spacing: 0.5rem;
-  --fdNavigation_Link_Text_Color: inherit;
+  --fdNavigation_Link_Text_Color: var(--sapList_TextColor);
   --fdNavigation_Link_Shift_Left: 1rem;
   --fdNavigation_Link_Padding_Left: var(--fdNavigation_Link_Shift_Left);
   --fdNavigation_Link_Padding_Right: 0.375rem;
@@ -176,12 +176,11 @@ $navExternalLinkIndicator: #{$block}__external-link-indicator;
       @include fd-set-paddings-x-equal(var(--fdNavigation_Padding_X));
 
       &::before {
-        @include fd-set-margins-y-equal(0.5625rem);
-
         content: '';
         width: 100%;
         height: 0.0625rem;
-        display: inline-block;
+        display: flex;
+        margin-block-end: 0.25rem;
         background: var(--sapToolbar_SeparatorColor);
       }
     }