Refactor text size classes for consistency

Author: Irvan789

resources/views/components/alerts.blade.php

@@ -1,5 +1,5 @@
 @if ($type == 'danger')
-  <div class="text-[0.9375rem]/4.5 font-medium text-[#b85450]">
+  <div class="text-smd font-medium text-[#b85450]">
     {{ $slot }}
   </div>
 @endif

resources/views/components/input-check.blade.php

@@ -1,4 +1,4 @@
-<label class="inline-flex cursor-pointer items-center gap-1.5 text-[0.9375rem]/4 text-[#3d3530]">
+<label class="inline-flex cursor-pointer items-center gap-1.5 text-smd/4 text-[#3d3530]">
   <input
     type="checkbox"
     class="size-4 accent-[#3d3530]"

resources/views/components/input-text.blade.php

@@ -1,5 +1,5 @@
 <label
-  class="text-[0.9375rem]/4.5 relative flex w-full flex-col gap-1.5 font-medium text-[#3d3530]"
+  class="text-smd relative flex w-full flex-col gap-1.5 font-medium text-[#3d3530]"
   x-data="{ showPassword: false }"
   {{ $attributes->only(['x-show']) }}
 >

resources/views/components/social-account.blade.php

@@ -1,6 +1,6 @@
 <div class="flex flex-row items-center justify-between gap-4">
   <div class="flex flex-col">
-    <div class="text-[0.9375rem]/4.5 font-semibold">
+    <div class="text-smd font-semibold">
       {{ $name }}
     </div>
 

resources/views/livewire/auth/login.blade.php

@@ -46,7 +46,7 @@ class="text-[#8b7355] hover:underline"
       @if (Route::has('password.request'))
         <a
           href="{{ route('password.request') }}"
-          class="text-[0.9375rem]/4 text-[#8b7355] hover:underline"
+          class="text-smd/4 text-[#8b7355] hover:underline"
           wire:navigate
         >
           Forgot Password?

resources/views/livewire/auth/two-factor-challenge.blade.php

@@ -53,7 +53,7 @@ class="grid grid-flow-row gap-4"
 
   <button
     type="button"
-    class="mx-auto w-fit text-[0.9375rem]/4 font-medium text-[#8b7355] hover:underline"
+    class="text-smd/4 mx-auto w-fit font-medium text-[#8b7355] hover:underline"
     x-on:click="switchInputCode()"
     x-text="showRecoveryInput ? 'Using your authentication code' : 'Try using your recovery code'"
   >

resources/views/oauth/authorize.blade.php

@@ -11,7 +11,7 @@ class="size-5.5 xs:right-7 xs:top-7 absolute right-4 top-4 rounded-full"
 
     <div class="mt-4 flex flex-col gap-3.5">
       @if (count($scopes) > 0)
-        <div class="text-[0.9375rem]">
+        <div class="text-smd">
           <div class="mb-0.5">
             This application will be able to:
           </div>
@@ -104,7 +104,7 @@ class="rounded-xs w-full cursor-pointer bg-[#3d3530e6] px-3 py-2.5 text-sm/4 tex
     </div>
 
     <div
-      class="text-[0.9375rem]/4.5 mt-3.5 inline-flex w-full items-center justify-center gap-1 font-medium text-[#3d3530]"
+      class="text-smd/4.5 mt-3.5 inline-flex w-full items-center justify-center gap-1 font-medium text-[#3d3530]"
     >
       Not {{ $user->username }}?