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/content/content.scss

@@ -6,29 +6,30 @@
 :host {
   --ion-color-base: #{$background-color};
   --ion-color-contrast: #{$text-color};
-
   --padding-top: 0;
   --padding-bottom: 0;
   --padding-start: 0;
   --padding-end: 0;
-
   --keyboard-offset: 0;
 
-  position: relative;
   display: block;
+  position: relative;
 
   flex: 1;
 
   width: 100%;
   height: 100%;
 
-  color: #{current-color(contrast)};
+  /* stylelint-disable */
+  margin: 0 !important;
+
+  padding: 0 !important;
+  /* stylelint-enable */
+
   background-color: #{current-color(base)};
+  color: #{current-color(contrast)};
 
   contain: layout size style;
-
-  margin: 0 !important; // scss-lint:disable all
-  padding: 0 !important; // scss-lint:disable all
 }
 
 :host(.ion-color-outer),
@@ -43,6 +44,5 @@
 
   height: 100%;
   min-height: 100%;
-
   -webkit-margin-collapse: discard;
 }