fix: docked sidebar width (#9213)

packages/excalidraw/components/App.tsx

@@ -1550,6 +1550,7 @@ class App extends React.Component<AppProps, AppState> {
           ["--ui-pointerEvents" as any]: shouldBlockPointerEvents
             ? POINTER_EVENTS.disabled
             : POINTER_EVENTS.enabled,
+          ["--right-sidebar-width" as any]: "302px",
         }}
         ref={this.excalidrawContainerRef}
         onDrop={this.handleAppOnDrop}

packages/excalidraw/components/LayerUI.tsx

@@ -526,7 +526,7 @@ const LayerUI = ({
               appState.openSidebar &&
               isSidebarDocked &&
               device.editor.canFitSidebar
-                ? { width: `calc(100% - var(--right-sidebar-width)px)` }
+                ? { width: `calc(100% - var(--right-sidebar-width))` }
                 : {}
             }
           >

packages/excalidraw/components/Sidebar/Sidebar.tsx

@@ -136,9 +136,6 @@ export const SidebarInner = forwardRef(
       <Island
         {...rest}
         className={clsx("sidebar", { "sidebar--docked": docked }, className)}
-        style={{
-          "--right-sidebar-width": "302px",
-        }}
         ref={islandRef}
       >
         <SidebarPropsContext.Provider value={headerPropsRef.current}>