Remove "variables.scss"

src/styles/application.scss

@@ -1,4 +1,3 @@
-@use 'variables';
 @use 'basics';
 @use 'loading';
 @use 'ui';

src/styles/components/compose-form.scss

@@ -1,17 +1,9 @@
-@use "../variables";
-
 .compose-form {
   &__warning {
     @apply text-xs mb-2.5 px-2.5 py-2 shadow-md rounded bg-accent-300 text-white;
 
     strong {
       @apply font-medium;
-
-      @each $lang in variables.$cjk-langs {
-        &:lang(#{$lang}) {
-          @apply font-bold;
-        }
-      }
     }
 
     a {
@@ -169,12 +161,6 @@
 
       strong {
         @apply block font-medium text-black dark:text-white;
-
-        @each $lang in variables.$cjk-langs {
-          &:lang(#{$lang}) {
-            @apply font-bold;
-          }
-        }
       }
     }
   }

src/styles/ui.scss

@@ -86,7 +86,7 @@
 .ui {
   display: block;
   width: 100%;
-  padding: 0 0 calc(var(--thumb-navigation-height) + 86px);
+  padding: 0 0 calc(60px + env(safe-area-inset-bottom) + 86px);
 
   .page {
     display: flex;

src/styles/variables.scss

@@ -1,10 +0,0 @@
-// Language codes that uses CJK fonts
-/* stylelint-disable-next-line value-keyword-case -- locale filenames */
-$cjk-langs: ja, ko, zh-CN, zh-HK, zh-TW;
-
-// CSS variables
-// NOTE: Prefer CSS variables whenever possible.
-// They're future-proof and more flexible.
-:root {
-  --thumb-navigation-height: calc(60px + env(safe-area-inset-bottom));
-}