Ensure sidebar width tracks collapse state

css/tailwind.source.css

@@ -2522,6 +2522,20 @@
     isolation: isolate;
   }
 
+  body.sidebar-collapsed,
+  #sidebar.sidebar-collapsed,
+  #sidebar[data-state="collapsed"],
+  #app.sidebar-collapsed {
+    --sidebar-width: var(--sidebar-width-collapsed);
+  }
+
+  body.sidebar-expanded,
+  #sidebar.sidebar-expanded,
+  #sidebar[data-state="expanded"],
+  #app.sidebar-expanded {
+    --sidebar-width: var(--sidebar-width-expanded);
+  }
+
   #sidebar .sidebar__inner {
     display: flex;
     flex-direction: column;
@@ -3060,18 +3074,6 @@
       );
     }
 
-    body.sidebar-collapsed,
-    #sidebar.sidebar-collapsed,
-    #app.sidebar-collapsed {
-      --sidebar-width: var(--sidebar-width-collapsed);
-    }
-
-    body.sidebar-expanded,
-    #sidebar.sidebar-expanded,
-    #app.sidebar-expanded {
-      --sidebar-width: var(--sidebar-width-expanded);
-    }
-
   }
 
   @keyframes card-motion-enter {