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/comments/comment-list.component.scss

@@ -3,7 +3,6 @@
 }
 
 .adf {
-
     &-comment-img-container {
         float: left;
         width: 40px;
@@ -25,14 +24,16 @@
         background-position: center;
 
         &:hover {
-        background: var(--adf-comment-list-primary-color)
-        radial-gradient(circle, transparent 1%, var(--adf-comment-list-primary-color) 1%)
-        center/15000%;
+            background:
+                var(--adf-comment-list-primary-color)
+                radial-gradient(circle, transparent 1%, var(--adf-comment-list-primary-color) 1%)
+                center/15000%;
         }
+
         &:active {
-        background-color: var(--adf-comment-list-ripple-color);
-        background-size: 100%;
-        transition: background 0s;
+            background-color: var(--adf-comment-list-ripple-color);
+            background-size: 100%;
+            transition: background 0s;
         }
     }
 
@@ -91,5 +92,4 @@
         height: 40px;
         vertical-align: middle;
     }
-
 }