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/insights/src/lib/analytics-process/components/analytics-report-list.component.scss

@@ -1,5 +1,4 @@
 .adf-analytics-report-list {
-
     .adf-activiti-filters__entry {
         cursor: pointer;
     }
@@ -36,7 +35,7 @@
 
     .adf-report-card {
         margin: 8px;
-        width: calc(33.3333333333% - 16px);
+        width: calc(33.3333% - 16px);
         position: relative;
         min-height: 200px;
         overflow: hidden;

lib/insights/src/lib/analytics-process/components/analytics-report-parameters.component.scss

@@ -20,7 +20,7 @@
 
 .adf-edit-report-title {
     float: left;
-    font-size: 20px!important;
+    font-size: 20px !important;
     padding-top: 19px;
 }
 

lib/insights/src/lib/analytics-process/components/widgets/number/number.widget.scss

@@ -1,7 +1,7 @@
 .adf-number-widget {
-     width: 100%;
+    width: 100%;
 
-     .mat-form-field {
-         width: 100%;
-     }
+    .mat-form-field {
+        width: 100%;
+    }
 }

lib/insights/src/lib/diagram/components/tooltip/diagram-tooltip.component.scss

@@ -18,7 +18,7 @@
     }
 
     &-diagram-tooltip.adf-is-active {
-        animation: tooltipAnimation 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
+        animation: tooltip-animation 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
     }
 
     &-diagram-tooltip-header {
@@ -57,14 +57,16 @@
     }
 }
 
-@keyframes tooltipAnimation {
+@keyframes tooltip-animation {
     0% {
         transform: scale(0);
         opacity: 0;
     }
+
     50% {
         transform: scale(0.99);
     }
+
     100% {
         transform: scale(1);
         opacity: 1;