chore: run stylelint on our css files

web/components/chat/ChatTextField/ChatTextField.module.scss

@@ -1,11 +1,10 @@
-@import '../../../styles/mixins.scss';
+@import '../../../styles/mixins';
 
 .root {
   position: relative;
   display: flex;
-  bottom: 0px;
+  bottom: 0;
   width: 100%;
-
   padding: 0.6em;
   overflow-x: hidden;
   background-color: var(--theme-color-components-chat-background);
@@ -16,14 +15,15 @@
     color: var(--theme-color-components-form-field-text);
     background-color: var(--theme-color-palette-3);
     border-radius: var(--theme-rounded-corners);
-    bottom: 0px;
+    bottom: 0;
     width: 100%;
     padding: 0.3rem;
     overflow-x: hidden;
     transition: box-shadow 90ms ease-in-out;
+
     &:focus-within {
       background-color: var(--theme-color-components-form-field-background);
-      box-shadow: inset 0px 0px 2px 2px var(--theme-color-palette-3);
+      box-shadow: inset 0 0 2px 2px var(--theme-color-palette-3);
     }
 
     // Size of custom emoji.
@@ -54,13 +54,14 @@
     &:focus {
       outline: 1px solid var(--color-owncast-gray-500) !important;
     }
+
     & > p {
-      margin: 0px;
+      margin: 0;
     }
   }
 
   // Placeholder styling
-  :empty:before {
+  :empty::before {
     content: attr(placeholder);
     display: block;
     color: #aaa;