Style improvements and fixes

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>

src/styles/basics.scss

@@ -24,7 +24,7 @@ noscript {
 // Virtuoso empty placeholder fix.
 // https://gitlab.com/petyosi/soapbox-fe/-/commit/1e22c39934b60e5e186de804060ecfdf1955b506
 div[data-viewport-type='window'] {
-  @apply static;
+  @apply static #{!important};
 }
 
 body.system-font,

src/styles/ui.scss

@@ -14,12 +14,12 @@
   &::-moz-focus-inner,
   &:focus,
   &:active {
-    outline: 0!important;
+    @apply outline-0 #{!important};
   }
 }
 
 .react-datepicker-popper {
-  z-index: 9999 !important;
+  @apply z-[9999] #{!important};
 }
 
 .ellipsis::after {

src/styles/utilities.scss

@@ -8,6 +8,5 @@
 }
 
 .emoji-lg img.emojione {
-  width: 36px !important;
-  height: 36px !important;
+  @apply h-9 w-9 #{!important};
 }