chore: bump theme to support new syntax of cssVarV2 (#9008)

packages/frontend/component/package.json

@@ -41,7 +41,7 @@
     "@radix-ui/react-toast": "^1.1.5",
     "@radix-ui/react-tooltip": "^1.0.7",
     "@radix-ui/react-visually-hidden": "^1.1.0",
-    "@toeverything/theme": "^1.0.21",
+    "@toeverything/theme": "^1.1.1",
     "@vanilla-extract/dynamic": "^2.1.0",
     "check-password-strength": "^2.0.10",
     "clsx": "^2.1.0",

packages/frontend/core/package.json

@@ -37,7 +37,7 @@
     "@radix-ui/react-toolbar": "^1.0.4",
     "@sentry/react": "^8.0.0",
     "@toeverything/pdf-viewer": "^0.1.1",
-    "@toeverything/theme": "^1.0.21",
+    "@toeverything/theme": "^1.1.1",
     "@vanilla-extract/dynamic": "^2.1.0",
     "animejs": "^3.2.2",
     "bytes": "^3.1.2",

packages/frontend/core/src/mobile/components/app-tabs/styles.css.ts

@@ -7,10 +7,10 @@ export const appTabsBackground = createVar('appTabsBackground');
 
 export const appTabs = style({
   vars: {
-    [appTabsBackground]: cssVarV2('layer/background/mobile/primary'),
+    [appTabsBackground]: cssVarV2.layer.background.mobile.primary,
   },
   backgroundColor: appTabsBackground,
-  borderTop: `1px solid ${cssVarV2('layer/insideBorder/border')}`,
+  borderTop: `1px solid ${cssVarV2.layer.insideBorder.border}`,
 
   width: '100dvw',
 
@@ -36,12 +36,12 @@ export const tabItem = style({
   height: 36,
   padding: 3,
   fontSize: 30,
-  color: cssVarV2('icon/primary'),
+  color: cssVarV2.icon.primary,
   lineHeight: 0,
 
   selectors: {
     '&[data-active="true"]': {
-      color: cssVarV2('button/primary'),
+      color: cssVarV2.button.primary,
     },
   },
 });