Add benchmarking for theme variable conversion; update Cargo.toml

Author: owjs3901

.changeset/bright-carrots-float.md

@@ -0,0 +1,5 @@
+---
+"@devup-ui/wasm": patch
+---
+
+Optimize to convert theme var

Cargo.lock

@@ -1,6 +1,6 @@
 'use client'
 
-import { Box, getTheme, setTheme } from '@devup-ui/react'
+import { Box, css, getTheme, setTheme } from '@devup-ui/react'
 
 export function ThemeSwitch() {
   return (
@@ -13,6 +13,11 @@ export function ThemeSwitch() {
       }}
     >
       <svg
+        className={css({
+          _themeDark: {
+            display: 'none',
+          },
+        })}
         fill="none"
         height="24"
         viewBox="0 0 24 24"
@@ -26,6 +31,24 @@ export function ThemeSwitch() {
           fillRule="evenodd"
         />
       </svg>
+      <svg
+        className={css({
+          display: 'none',
+          _themeDark: {
+            display: 'initial',
+          },
+        })}
+        fill="none"
+        height="24"
+        viewBox="0 0 24 24"
+        width="24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M12.1114 5.00087C12.5233 5.0073 12.5857 5.6006 12.2423 5.82807C10.8911 6.7231 10 8.25745 10 10C10 12.7614 12.2378 15 14.9982 15C16.0365 15 17.0009 14.6832 17.8001 14.141C18.1405 13.9101 18.6624 14.193 18.511 14.5755C17.485 17.167 14.9566 19 12 19C8.13401 19 5 15.866 5 12C5 8.13401 8.13401 5 12 5C12.0372 5 12.0744 5.00029 12.1114 5.00087Z"
+          fill="currentColor"
+        />
+      </svg>
     </Box>
   )
 }