added scss handler

apps/web-tss/src/integrations/tanstack-dev-tools/tanstack-devtools.tsx

@@ -8,18 +8,20 @@ export const TanstackDevtools: React.FC = () => {
   return (
     <TanstackDevtoolsBase
       config={{
-        position: 'bottom-left'
+        position: 'bottom-left',
+        hideUntilHover: true,
+        defaultOpen: false,
       }}
       plugins={[
         {
           name: 'Tanstack Query',
-          render: <ReactQueryDevtoolsPanel />
+          render: <ReactQueryDevtoolsPanel />,
         },
         {
           name: 'Tanstack Router',
-          render: <TanStackRouterDevtoolsPanel />
+          render: <TanStackRouterDevtoolsPanel />,
         },
-        StoreDevtools
+        StoreDevtools,
       ]}
     />
   );

apps/web-tss/src/routes/__root.tsx

@@ -3,7 +3,7 @@ import { AppProviders } from '@/context/AppProviders';
 import { getSupabaseUser } from '../integrations/supabase/getSupabaseUserContext';
 import { TanstackDevtools } from '../integrations/tanstack-dev-tools/tanstack-devtools';
 import type { AppRouterContext } from '../router';
-import appCss from '../styles/styles.scss?url';
+import appCss from '../styles/styles.css?url';
 
 export const Route = createRootRouteWithContext<AppRouterContext>()({
   head: () => ({
@@ -19,12 +19,7 @@ export const Route = createRootRouteWithContext<AppRouterContext>()({
         title: 'Buster',
       },
     ],
-    links: [
-      {
-        rel: 'stylesheet',
-        href: appCss,
-      },
-    ],
+    links: [{ rel: 'stylesheet', href: appCss }],
   }),
   notFoundComponent: NotFound,
   shellComponent: RootDocument,

apps/web-tss/src/styles/buster.scss

@@ -46,5 +46,6 @@
 
   /* Firefox scrollbar styling */
   scrollbar-width: thin;
-  scrollbar-color: color-mix(in srgb, var(--color-border) 50%, transparent) transparent;
+  scrollbar-color: color-mix(in srgb, var(--color-border) 50%, transparent)
+    transparent;
 }

apps/web-tss/src/styles/styles.css

@@ -1,6 +1,6 @@
 @import "./tailwind.css";
 @import "./fonts.css";
-@use "./buster";
+@import "./buster.scss";
 
 input {
   font-family:

apps/web-tss/vite.config.ts

@@ -26,11 +26,6 @@ const config = defineConfig({
       },
     }),
   ],
-  css: {
-    preprocessorOptions: {
-      scss: {},
-    },
-  },
 });
 
 export default config;