MM-57093 Update SCSS, Stylelint, and related packages (#26296)

* Update Stylelint and related packages

* Autofix CSS files

* Fix scss/no-global-function-names

* Fix scss/operator-no-unspaced

* Fix scss/comment-no-empty

* Disable scss/at-extend-no-missing-placeholder

* Update libraries for loading sass

* Fix Rollup not emitting the CSS for the components package to the right place

* Add plugin to re-add stylistic Stylelint rules

* Actually import Stylelint plugin

webapp/channels/src/components/payment_form/card_input.css

@@ -5,9 +5,9 @@
     padding-top: 8px;
     padding-bottom: 2px !important;
     padding-left: 12px;
+    border-radius: 4px;
     background-color: var(--center-channel-bg);
     background-image: none;
-    border-radius: 4px;
     box-shadow: none;
     color: var(--center-channel-color);
     font-family: 'Open Sans';

webapp/channels/src/components/payment_form/gather_intent/gather_intent.scss

@@ -35,8 +35,8 @@
     .modal-content {
         max-width: 512px;
         max-height: 465px;
-        background: var(--center-channel-bg);
         border-radius: 12px;
+        background: var(--center-channel-bg);
     }
 
     .modal-dialog {
@@ -162,8 +162,8 @@
         &__textarea {
             width: 100%;
             border: solid 1px rgba(63, 67, 80, 0.16);
-            background: rgb(var(--center-channel-bg-rgb));
             border-radius: 4px;
+            background: rgb(var(--center-channel-bg-rgb));
             resize: none;
         }
     }

webapp/channels/src/components/payment_form/payment_form.scss

@@ -119,9 +119,9 @@
         box-sizing: border-box;
         padding: 24px;
         border: 1px solid rgba(var(--center-channel-color-rgb), 0.08);
+        border-radius: 4px;
         margin-bottom: 16px;
         background: #fff;
-        border-radius: 4px;
     }
 
     .PaymentForm-saved-title {