fix: Corrected layout of styles.css

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luke-else/component-lib",
-  "version": "1.0.8",
+  "version": "1.1.3",
   "description": "",
   "scripts": {
     "package": "svelte-package && pnpm run build:css",

src/lib/components/Section.svelte

@@ -1,13 +1,14 @@
 <script lang="ts">
-    export let label: string = "";
+    export let label: string = '';
 </script>
 
 <div id={label} class="relative flex flex-row w-full min-h-[300px] mt-5 mb-25">
     <!-- Sticky/Sliding Label -->
     <div class="hidden md:flex flex-col items-center mr-6">
         <div class="sticky top-24 left-0 z-10">
-            <span class="text-2xl font-bold text-blue-400 tracking-widest"
-                  style="writing-mode: vertical-rl; text-orientation: mixed;">
+            <span id="sideway-label"
+                class="text-2xl font-bold text-blue-400 tracking-widest vertical-text"
+            >
                 {label}
             </span>
         </div>
@@ -23,4 +24,4 @@
             <slot />
         </div>
     </div>
-</div>
+</div>

src/lib/style.css

@@ -1 +1,9 @@
-@import "tailwindcss";
+@import "tailwindcss";
+@import "tailwindcss/utilities";
+
+@layer utilities {
+  .vertical-text {
+    writing-mode: vertical-rl;
+    text-orientation: mixed;
+  }
+}