From 35fc1c5e9ce435486070d9bd72fd69dfb79cba19 Mon Sep 17 00:00:00 2001
From: Nate Kelley <nate@buster.so>
Date: Tue, 12 Aug 2025 16:38:22 -0600
Subject: [PATCH] added scss handler

---
 .../tanstack-dev-tools/tanstack-devtools.tsx           | 10 ++++++----
 apps/web-tss/src/routes/__root.tsx                     |  9 ++-------
 apps/web-tss/src/styles/buster.scss                    |  3 ++-
 apps/web-tss/src/styles/{styles.scss => styles.css}    |  2 +-
 apps/web-tss/vite.config.ts                            |  5 -----
 5 files changed, 11 insertions(+), 18 deletions(-)
 rename apps/web-tss/src/styles/{styles.scss => styles.css} (96%)

diff --git a/apps/web-tss/src/integrations/tanstack-dev-tools/tanstack-devtools.tsx b/apps/web-tss/src/integrations/tanstack-dev-tools/tanstack-devtools.tsx
index ff29dc158..074820a7e 100644
--- a/apps/web-tss/src/integrations/tanstack-dev-tools/tanstack-devtools.tsx
+++ b/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,
       ]}
     />
   );
diff --git a/apps/web-tss/src/routes/__root.tsx b/apps/web-tss/src/routes/__root.tsx
index ab434b897..a31a3822e 100644
--- a/apps/web-tss/src/routes/__root.tsx
+++ b/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,
diff --git a/apps/web-tss/src/styles/buster.scss b/apps/web-tss/src/styles/buster.scss
index 69d7154b9..102bca73b 100644
--- a/apps/web-tss/src/styles/buster.scss
+++ b/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;
 }
diff --git a/apps/web-tss/src/styles/styles.scss b/apps/web-tss/src/styles/styles.css
similarity index 96%
rename from apps/web-tss/src/styles/styles.scss
rename to apps/web-tss/src/styles/styles.css
index 19a225d92..0f49854c8 100644
--- a/apps/web-tss/src/styles/styles.scss
+++ b/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:
diff --git a/apps/web-tss/vite.config.ts b/apps/web-tss/vite.config.ts
index 268313b2c..f7f78c4d3 100644
--- a/apps/web-tss/vite.config.ts
+++ b/apps/web-tss/vite.config.ts
@@ -26,11 +26,6 @@ const config = defineConfig({
       },
     }),
   ],
-  css: {
-    preprocessorOptions: {
-      scss: {},
-    },
-  },
 });
 
 export default config;