chore: update font class in App.tsx and Colors.tsx

Author: zouhangwithsweet

entrypoints/injected/App.tsx

@@ -34,7 +34,7 @@ export default () => {
       dragPropagation={false}
       dragListener={false}
       dragControls={controls}
-      className={`fubukicss-panel fixed top-10 right-20 text-xs text-$color-text bg-$color-bg rounded border-1 border-$color-border border-solid shadow-md z-10 antialiased h-auto transition-width !font-['Inter'] js-fullscreen-prevent-event-capture ${minimized ? 'w-50' : 'w-80'} max-h-[calc(100vh-50px)] overflow-y-scroll scrollbar-hide select-none`}
+      className={`fubukicss-panel fixed top-10 right-20 text-xs text-$color-text bg-$color-bg rounded border-1 border-$color-border border-solid shadow-md z-10 antialiased h-auto transition-width font-[Inter] js-fullscreen-prevent-event-capture ${minimized ? 'w-50' : 'w-80'} max-h-[calc(100vh-50px)] overflow-y-scroll scrollbar-hide select-none`}
       tabIndex={-1}
       onDragEnd={() => {
         const dom = document.querySelector('.fubukicss-panel') as HTMLDivElement

entrypoints/injected/components/Colors.tsx

@@ -121,11 +121,11 @@ export const Colors = memo((props: { minimized?: boolean }) => {
               type="text"
               readOnly
               value={formatColor(c)}
-              className="ml-4 w-full font-400 text-xs font-['Inter'] bg-transparent text-$color-text hover:underline"
+              className="ml-4 w-full font-400 text-xs font-[Inter] bg-transparent text-$color-text hover:underline"
             />
             {colorVars[index]?.name && (
               <CopyContent>
-                <span className="font-400 text-xs font-['Inter'] bg-transparent text-$color-text">
+                <span className="font-400 text-xs font-[Inter] bg-transparent text-$color-text">
                   {colorVars[index]?.name.split('/').join('-').toLocaleLowerCase()}
                 </span>
               </CopyContent>

entrypoints/injected/components/Header.tsx

@@ -112,7 +112,7 @@ const Header = forwardRef(function ({ minimized, onToggleSize, startDrag }: Prop
       )}
       <span className="flex-1 font-700 text-sm">Fubukicss Tool</span>
       <div
-        className="p-.5 flex-center rounded bg-#eee"
+        className="p-.5 flex-center rounded"
         onMouseDown={(e) => {
           e.stopPropagation()
         }}
@@ -130,7 +130,7 @@ const Header = forwardRef(function ({ minimized, onToggleSize, startDrag }: Prop
                   className="mr-1.5 text-$color-text-secondary hover:text-$color-text cursor-pointer"
                 />
               </DropdownMenuTrigger>
-              <DropdownMenuContent className="w-56 z-1001 border-1 border-solid border-border font-['Inter']">
+              <DropdownMenuContent className="w-56 z-1001 border-1 border-solid border-border font-[Inter]">
                 <DropdownMenuLabel className="cursor-default">Settings</DropdownMenuLabel>
 
                 <DropdownMenuSeparator />

rolldown.config.mjs

@@ -5,5 +5,6 @@ export default defineConfig({
   output: {
     format: 'esm',
     dir: './plugin/lib',
+    minify: true,
   },
 })