refactor(sass): migrate @import to @use syntax

- Replace deprecated @import with modern @use in _components.scss
- Replace deprecated @import with modern @use in tailwind.scss
- Move @use statements before @tailwind directives per Sass requirements
- Eliminates all 5 Sass deprecation warnings from build
- Future-proofs codebase for Dart Sass 3.0.0

apps/isa-app/src/scss/_components.scss

@@ -1 +1 @@
-@import "./components/icon";
+@use "./components/icon";

apps/isa-app/src/tailwind.scss

@@ -0,0 +1,64 @@
+@use './scss/components';
+@use './scss/root';
+@use './scss/customer';
+@use './scss/branch';
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer components {
+  .input-control {
+    @apply rounded border border-solid border-[#AEB7C1] px-4 py-[1.125rem] outline-none;
+  }
+
+  .input-control.ng-touched.ng-invalid {
+    @apply border-brand;
+  }
+
+  @keyframes load {
+    0% {
+      opacity: 0;
+    }
+    30% {
+      opacity: 0.5;
+    }
+    100% {
+      opacity: 0;
+    }
+  }
+
+  .skeleton {
+    @apply block bg-gray-300 h-6;
+    animation: load 1s ease-in-out infinite;
+  }
+}
+
+@layer base {
+  body {
+    @apply bg-background;
+  }
+
+  ::-webkit-scrollbar {
+    width: 0;
+    height: 0;
+    background: transparent;
+  }
+
+  .desktop .scroll-bar::-webkit-scrollbar {
+    @apply w-3;
+    background-color: transparent;
+  }
+
+  .desktop .scroll-bar::-webkit-scrollbar-track {
+    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1);
+    border-radius: 10px;
+    background-color: white;
+  }
+
+  .desktop .scroll-bar::-webkit-scrollbar-thumb {
+    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
+    border-radius: 10px;
+    background-color: var(--scrollbar-color);
+  }
+}