(hds-2183) Remove useless @use header styles

There are no mixins or scss vars in the header.module.scss, so this @use only adds unused css-classes to built css.

packages/react/src/components/header/components/headerActionBar/HeaderActionBar.module.scss

@@ -1,6 +1,5 @@
-@use "../../Header.module.scss";
-@use "../../../../styles/common.scss";
-@use "./_typography.scss";
+@use '../../../../styles/common.scss';
+@use './_typography.scss';
 @value medium-down from "../../../../styles/breakpoints.scss";
 
 .headerActionBar {
@@ -104,4 +103,4 @@
   .headerActionBarContainer {
     border-bottom: none;
   }
-}
+}

packages/react/src/components/header/components/headerActionBarItem/HeaderActionBarItem.module.scss

@@ -1,4 +1,3 @@
-@use '../../Header.module.scss';
 @use '../../../../styles/common.scss';
 
 button.actionBarItem {

packages/react/src/components/header/components/headerLanguageSelector/HeaderLanguageSelector.module.scss

@@ -1,4 +1,3 @@
-@use "../../Header.module.scss";
 @import '../../../../styles/common.scss';
 
 .languageSelector {

packages/react/src/components/header/components/headerLink/HeaderLink.module.scss

@@ -1,5 +1,4 @@
-@use "../../Header.module.scss";
-@import "../../../../styles/common.scss";
+@import '../../../../styles/common.scss';
 
 .headerLink.headerLink {
   --link-color: var(--color-black-90);
@@ -31,7 +30,6 @@
   padding-left: var(--header-focus-outline-width);
 }
 
-
 .navigationLinkWrapper {
   align-items: center;
   display: flex;
@@ -53,7 +51,7 @@
   }
 }
 
-.headerLink.isNotLargeScreen{
+.headerLink.isNotLargeScreen {
   align-self: center;
   border: none;
   box-sizing: border-box;
@@ -63,5 +61,7 @@
   padding: 0;
   word-wrap: break-word;
 
-  &:focus { border: none }
+  &:focus {
+    border: none;
+  }
 }

packages/react/src/components/header/components/headerLink/headerLinkDropdown/HeaderLinkDropdown.module.scss

@@ -1,5 +1,3 @@
-@use "../../../Header.module.scss";
-
 button.button {
   background-color: var(--nav-button-background-color);
   border: none;