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/info-drawer/info-drawer-layout.component.scss

@@ -10,6 +10,7 @@ $adf-info-drawer-icon-size: 48px !default;
 
     &-info-drawer-layout {
         @include flex-column;
+
         overflow: auto;
         width: 100%;
         background-color: var(--theme-background-color);
@@ -34,7 +35,8 @@ $adf-info-drawer-icon-size: 48px !default;
             margin-bottom: 40px;
 
             &-buttons {
-                padding-right:18px;
+                padding-right: 18px;
+
                 mat-icon {
                     cursor: pointer;
                 }
@@ -73,7 +75,7 @@ $adf-info-drawer-icon-size: 48px !default;
                 .adf-manage-versions-empty,
                 .adf-manage-versions-no-permission {
                     margin: 0;
-                    padding: $adf-info-drawer-icon-size/2;
+                    padding: $adf-info-drawer-icon-size / 2;
                     color: var(--theme-text-color);
                     text-align: center;
                     display: flex;
@@ -83,7 +85,7 @@ $adf-info-drawer-icon-size: 48px !default;
                         width: $adf-info-drawer-icon-size;
                         height: $adf-info-drawer-icon-size;
                         font-size: $adf-info-drawer-icon-size;
-                        margin: 0 auto $adf-info-drawer-icon-size/2;
+                        margin: 0 auto $adf-info-drawer-icon-size / 2;
                         display: block;
                     }
                 }

lib/core/info-drawer/info-drawer.component.scss

@@ -1,5 +1,4 @@
 .adf {
-
     &-info-drawer {
         display: block;
 
@@ -8,7 +7,6 @@
         }
 
         & &-layout {
-
             &-content {
                 padding: 0;