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/ripple-effect/ripple-effect.scss

@@ -17,30 +17,28 @@
 
   position: absolute;
 
-  color: inherit;
   background-color: currentColor;
+  color: inherit;
 
+  contain: strict;
   opacity: 0;
-
   animation-name: rippleAnimation;
   animation-duration: 200ms;
   animation-timing-function: ease-out;
-
   will-change: transform, opacity;
-
-  contain: strict;
-
   pointer-events: none;
 }
 
 @keyframes rippleAnimation {
   0% {
-    opacity: .2;
     transform: scale(.1);
+
+    opacity: .2;
   }
 
   100% {
-    opacity: 0;
     transform: scale(1);
+
+    opacity: 0;
   }
 }