chore(stylelint): remove sass-lint/scss-lint in favor of stylelint

- remove scss-lint and sass-lint
- add stylelint and stylelint-order packages and configuration
- update all *.scss files to new syntax

fixes #14805

core/src/components/label/label.ios.scss

@@ -12,6 +12,7 @@
 
 :host([text-wrap]) {
   font-size: $label-ios-text-wrap-font-size;
+
   line-height: $label-ios-text-wrap-line-height;
 }
 
@@ -64,17 +65,20 @@
 
   font-size: 14px;
   font-weight: normal;
+
   line-height: normal;
 }
 
 ::slotted(*) p {
   @include margin($item-ios-paragraph-margin-top, $item-ios-paragraph-margin-end, $item-ios-paragraph-margin-bottom, $item-ios-paragraph-margin-start);
 
-  overflow: inherit;
-
   font-size: $item-ios-paragraph-font-size;
+
   line-height: normal;
+
   text-overflow: inherit;
+
+  overflow: inherit;
 }
 
 ::slotted(p) {

core/src/components/label/label.ios.vars.scss

@@ -1,5 +1,4 @@
 @import "../../themes/ionic.globals.ios";
-
 @import "../item/item.ios.vars";
 
 // iOS Label

core/src/components/label/label.md.scss

@@ -12,6 +12,7 @@
 
 :host([text-wrap]) {
   font-size: $label-md-text-wrap-font-size;
+
   line-height: $label-md-text-wrap-line-height;
 }
 
@@ -74,17 +75,20 @@
 
   font-size: 14px;
   font-weight: normal;
+
   line-height: normal;
 }
 
 ::slotted(*) p {
   @include margin(0, 0, 2px);
 
-  overflow: inherit;
-
   font-size: 14px;
+
   line-height: normal;
+
   text-overflow: inherit;
+
+  overflow: inherit;
 }
 
 ::slotted(p) {

core/src/components/label/label.md.vars.scss

@@ -1,5 +1,4 @@
 @import "../../themes/ionic.globals.md";
-
 @import "../item/item.md.vars";
 
 // Material Design Label

core/src/components/label/label.scss

@@ -9,18 +9,20 @@
 
   @include margin(0);
 
-  box-sizing: border-box;
-
   display: block;
-  overflow: hidden;
 
   flex: 1;
 
+  color: #{current-color(base)};
+
   font-size: inherit;
+
   text-overflow: ellipsis;
+
   white-space: nowrap;
 
-  color: #{current-color(base)};
+  overflow: hidden;
+  box-sizing: border-box;
 }
 
 :host([text-wrap]) {
@@ -30,7 +32,6 @@
 :host-context(.item-interactive-disabled) {
   cursor: default;
   opacity: .3;
-
   pointer-events: none;
 }
 
@@ -38,7 +39,6 @@
   flex: initial;
 
   max-width: 200px;
-
   pointer-events: none;
 }