fix: Fix token state selector (#4955)

## Description

Select the state, see it stays selected

## Steps for reproduction

1. click button
2. expect xyz

## Code Review

- [ ] hi @kof, I need you to do
  - conceptual review (architecture, feature-correctness)
  - detailed review (read every line)
  - test it on preview

## Before requesting a review

- [ ] made a self-review
- [ ] added inline comments where things may be not obvious (the "why",
not "what")

## Before merging

- [ ] tested locally and on preview environment (preview dev login:
0000)
- [ ] updated [test
cases](https://github.com/webstudio-is/webstudio/blob/main/apps/builder/docs/test-cases.md)
document
- [ ] added tests
- [ ] if any new env variables are added, added them to `.env` file

Author: kof

apps/builder/app/builder/features/style-panel/style-source/style-source-control.tsx

@@ -215,6 +215,12 @@ const StyleSourceButton = styled("button", {
       },
       false: {},
     },
+    bleed: {
+      true: {
+        position: "absolute",
+        inset: 0,
+      },
+    },
   },
 });
 
@@ -318,14 +324,15 @@ export const StyleSourceControl = ({
         disabled={disabled}
         aria-current={selected && state === undefined}
         role="button"
-        onClick={onSelect}
         hasError={error !== undefined}
       >
         <Flex grow css={{ padding: theme.spacing[2] }}>
           <StyleSourceButton
             disabled={disabled || isEditing}
             isEditing={isEditing}
             tabIndex={-1}
+            onClick={onSelect}
+            bleed={source === "local"}
           >
             <Flex align="center" justify="center" gap="1">
               {source === "local" ? (