refactor: update input components css to use bem styles and mixins (#7180)

Author: sdvg

packages/components/src/components/a11y.scss

@@ -1,3 +1,5 @@
+@import '@shared/mixins';
+
 /*
  * This file contains all rules for accessibility.
  */
@@ -47,8 +49,7 @@
 	/* select, */
 	/* textarea, */
 	[role='button'],
-	button:not([role='link']),
-	.kol-input .input {
+	button:not([role='link']) {
 		min-height: var(--a11y-min-size);
 		min-width: var(--a11y-min-size);
 	}

packages/components/src/components/abbr/style.scss

@@ -1,5 +1,5 @@
 @import '../@shared/mixins';
-@import '../style';
+@import '../../styles/global';
 @import '../tooltip/style.scss';
 
 @layer kol-component {

packages/components/src/components/accordion/style.scss

@@ -1,5 +1,5 @@
 @import '../@shared/mixins';
-@import '../style';
+@import '../../styles/global';
 @import '../host-display-block';
 @import '../../functional-components/Collapsible/collapsible';
 

packages/components/src/components/alert/style.scss

@@ -1,11 +1,11 @@
+@import '../../styles/global';
+@import '../../styles/kol-alert-mixin';
 @import '../@shared/mixins';
-@import '../style';
-@import '../@shared/kol-alert-mixin';
+
+@include kol-alert;
 
 @layer kol-component {
 	.kol-alert {
 		font-size: rem(16);
 	}
 }
-
-@include kol-alert-styles;

packages/components/src/components/avatar/style.scss

@@ -1,5 +1,5 @@
 @import '../@shared/mixins';
-@import '../style';
+@import '../../styles/global';
 @import '../host-display-block';
 
 @layer kol-component {

packages/components/src/components/badge/style.scss

@@ -1,5 +1,5 @@
 @import '../@shared/mixins';
-@import '../style';
+@import '../../styles/global';
 @import '../tooltip/style.scss';
 
 @layer kol-component {

packages/components/src/components/breadcrumb/style.scss

@@ -1,5 +1,5 @@
 @import '../@shared/mixins';
-@import '../style';
+@import '../../styles/global';
 
 @layer kol-component {
 	.kol-breadcrumb {

packages/components/src/components/button-link/style.scss

@@ -1,5 +1,5 @@
 @import '../@shared/mixins';
-@import '../style';
+@import '../../styles/global';
 @import '../@shared/kol-link-mixin';
 
 @include kol-link-styles('kol-button');

packages/components/src/components/button/style.scss

@@ -1,5 +1,5 @@
 @import '../@shared/mixins';
-@import '../style';
+@import '../../styles/global';
 @import '../@shared/kol-button-mixin';
 
 @include kol-button-styles('kol-button');

packages/components/src/components/card/style.scss

@@ -1,5 +1,5 @@
 @import '../@shared/mixins';
-@import '../style';
+@import '../../styles/global';
 @import '../tooltip/style.scss';
 
 @layer kol-component {