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/viewer/components/img-viewer.component.scss

@@ -6,15 +6,18 @@
             outline-offset: -1px;
             outline: 1px solid var(--theme-accent-color-a200);
         }
+
         display: flex;
         height: 90vh;
         align-items: center;
         justify-content: center;
+
         img {
             max-height: 100%;
             max-width: 100%;
         }
-        /* query for Microsoft IE 11*/
+
+        /* query for Microsoft IE 11 */
         @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
             img {
                 height: 100%;
@@ -25,7 +28,6 @@
     &__toolbar {
         position: absolute;
         bottom: 5px;
-
         left: 50%;
         transform: translateX(-50%);
 
@@ -34,6 +36,7 @@
             background-color: var(--theme-card-bg-color);
             border-width: 0;
             border-radius: 2px;
+            /* stylelint-disable-next-line */
             box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
         }
 
@@ -45,6 +48,5 @@
             display: inline-block;
             margin-left: 10px;
         }
-
     }
 }

lib/core/viewer/components/media-player.component.scss

@@ -9,7 +9,6 @@
     }
 
     video.adf-audio-file::-webkit-media-text-track-container {
-        -webkit-transform: translateY(-50%) !important;
         transform: translateY(-50%) !important;
     }
 }

lib/core/viewer/components/pdf-viewer.component.scss

@@ -9,15 +9,9 @@
     margin: 0;
 
     .adf-loader-container {
-        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
-        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
-        display: -webkit-flex;     /* NEW - Chrome */
-        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
-        -webkit-box-flex-direction: row;
-        -moz-box-flex-direction: row;
-        -webkit-flex-direction: row;
+        display: flex;
         flex-direction: row;
-        height:100%;
+        height: 100%;
     }
 
     &__thumbnails {
@@ -55,14 +49,13 @@
 
     .adf-loader-item {
         margin: auto;
-        max-height:100px;
-        max-width:300px;
+        max-height: 100px;
+        max-width: 300px;
     }
 
     &__toolbar {
         position: absolute;
         bottom: 5px;
-
         left: 50%;
         transform: translateX(-50%);
 
@@ -71,7 +64,7 @@
             background-color: var(--theme-card-bg-color);
             border-width: 0;
             border-radius: 2px;
-            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 20.4), 0 0 2px 0 rgba(0, 0, 0, 0.12);
         }
 
         &-page-selector {

lib/core/viewer/components/viewer.component.scss

@@ -1,3 +1,4 @@
+/* stylelint-disable scss/at-extend-no-missing-placeholder */
 .adf-full-screen {
     width: 100%;
     height: 100%;
@@ -5,7 +6,6 @@
 }
 
 .adf-viewer {
-
     position: absolute;
     width: 100%;
     height: 100%;
@@ -46,7 +46,6 @@
         font-weight: normal;
         font-style: normal;
         font-stretch: normal;
-
         max-width: 400px;
         text-overflow: ellipsis;
         overflow: hidden;
@@ -58,14 +57,15 @@
     &-container {
         .adf-viewer-layout-content {
             @extend .adf-full-screen;
+
             position: relative;
             overflow-y: hidden;
             overflow-x: hidden;
             z-index: 1;
             background-color: var(--theme-background-color);
-
             display: flex;
             flex-direction: row;
+            /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
             flex-wrap: wrap;
             flex: 1;
 
@@ -90,6 +90,7 @@
 
         .adf-viewer-content {
             @extend .adf-full-screen;
+
             flex: 1;
 
             & > div {