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/userinfo/components/user-info.component.scss

@@ -1,5 +1,4 @@
 .adf {
-
     &-userinfo-container {
         display: flex;
         align-items: center;
@@ -91,8 +90,6 @@
         line-height: 18px;
         overflow: hidden;
         padding: 32px;
-        -webkit-column-count: 2;
-        -moz-column-count: 2;
         column-count: 2;
         display: flex;
         justify-content: space-between;
@@ -147,7 +144,7 @@
     &-userinfo-profile-initials {
         text-transform: uppercase;
         background-size: cover;
-        background: var(--adf-user-info-color);
+        background-color: var(--adf-user-info-color);
         border-radius: 50%;
         height: 80px;
         width: 80px;
@@ -175,7 +172,6 @@
     &-hide-tab .mat-tab-label-active {
         display: none !important;
     }
-
 }
 
 @media only screen and (min-device-width: 480px) {
@@ -190,4 +186,3 @@
 .mat-menu-panel.adf-userinfo-menu .mat-menu-content {
     padding: 0;
 }
-