Bump stylelint from 13.13.1 to 14.2.0 (#7431)

* Bump stylelint from 13.13.1 to 14.2.0

Bumps [stylelint](https://github.com/stylelint/stylelint) from 13.13.1 to 14.2.0.
- [Release notes](https://github.com/stylelint/stylelint/releases)
- [Changelog](https://github.com/stylelint/stylelint/blob/main/CHANGELOG.md)
- [Commits](https://github.com/stylelint/stylelint/compare/13.13.1...14.2.0)

---
updated-dependencies:
- dependency-name: stylelint
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>

* upgrade to newest stylelint

* fix style issues

* fix color function rules to match old Angular

* rollback modern color func

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Denys Vuika <denys.vuika@gmail.com>

lib/core/layout/components/header/header.component.scss

@@ -1,4 +1,3 @@
-
 adf-layout-header .mat-toolbar-single-row {
     color: var(--adf-header-text-color) !important;
     background-color: var(--adf-header-background-color);

lib/core/layout/components/layout-container/layout-container.component.scss

@@ -8,14 +8,14 @@ adf-layout-container {
 .adf-container-full-width {
     width: inherit;
 }
-/* query for Microsoft IE 11*/
+
+/* query for Microsoft IE 11 */
 @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
     .adf-container-full-width {
         width: 100%;
     }
 }
 
-
 .adf-sidenav--hidden {
     visibility: hidden !important;
     width: 0 !important;

lib/core/layout/components/sidebar-action/sidebar-action-menu.component.scss

@@ -11,26 +11,31 @@
             background-color: var(--theme-primary-color);
             color: var(--theme-primary-color-default-contrast) !important;
             border-radius: 4px;
+
             & mat-icon {
                 width: 24px;
                 height: 25px;
                 color: var(--theme-primary-color-default-contrast) !important;
             }
         }
+
         &-text {
             width: 100%;
             height: 20px;
             text-align: left;
         }
     }
+
     &-sidebar-action-menu-icon {
         margin: 18px 0 0 20px;
         color: var(--theme-text-color);
         cursor: pointer;
+
         &:hover {
             color: var(--theme-primary-color);
         }
     }
+
     &-sidebar-action-menu-options {
         text-align: left;
         letter-spacing: -0.4px;
@@ -42,11 +47,13 @@
             line-height: 1.5;
             letter-spacing: -0.4px;
         }
+
         .mat-menu-item:hover {
             color: var(--theme-primary-color);
             opacity: inherit;
         }
     }
+
     &-sidebar-action-menu-panel {
         margin-top: 7.5px;
         border-radius: 2px;

lib/core/layout/components/sidenav-layout/sidenav-layout.component.scss

@@ -2,7 +2,6 @@
 @import '../../../styles/mixins';
 
 .adf-sidenav-layout {
-
     &-full-space {
         display: flex;
         flex-direction: column;
@@ -14,6 +13,7 @@
     }
 
     @include flex-column;
+
     width: 100%;
 
     .adf-layout__content {
@@ -33,6 +33,7 @@
 
     .mat-drawer-content {
         @include flex-column;
+
         position: unset;
         overflow: auto;
     }