refactor(ButtonBase): To use CSS modules behind the feature flag

.changeset/beige-guests-serve.md

@@ -0,0 +1,5 @@
+---
+"@primer/react": minor
+---
+
+Refactor ButtonBase component to use CSS modules behine flag

.vscode/settings.json

@@ -10,6 +10,13 @@
   "[typescriptreact]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
+  "[postcss]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.formatOnSave": true,
+    "editor.codeActionsOnSave": {
+      "source.fixAll.stylelint": "explicit"
+    }
+  },
   "json.schemas": [
     {
       "fileMatch": ["*.docs.json"],

packages/react/src/Button/Button.dev.stories.tsx

@@ -33,7 +33,6 @@ export const InvisibleVariants = () => {
 }
 
 export const TestSxProp = () => {
-  const count = 4
   return (
     <div style={{display: 'flex', flexDirection: 'row', gap: '1rem'}}>
       <Button
@@ -88,9 +87,6 @@ export const TestSxProp = () => {
       <Button size="small" block variant="invisible" sx={{width: 320}}>
         Overriden Block
       </Button>
-      <Button sx={{fontSize: 32}} count={count}>
-        Watch
-      </Button>
     </div>
   )
 }