diff --git a/.changeset/neat-balloons-shop.md b/.changeset/neat-balloons-shop.md
new file mode 100644
index 00000000000..e8648219fca
--- /dev/null
+++ b/.changeset/neat-balloons-shop.md
@@ -0,0 +1,5 @@
+---
+'@shopify/polaris-migrator': minor
+---
+
+Added migration for `Button` component
diff --git a/polaris-migrator/src/migrations/v12-react-update-button-component/tests/transform.test.ts b/polaris-migrator/src/migrations/v12-react-update-button-component/tests/transform.test.ts
new file mode 100644
index 00000000000..b922361c8e7
--- /dev/null
+++ b/polaris-migrator/src/migrations/v12-react-update-button-component/tests/transform.test.ts
@@ -0,0 +1,17 @@
+import {check} from '../../../utilities/check';
+
+const transform = 'v12-react-update-button-component';
+const fixtures = [
+  'v12-react-update-button-component',
+  'v12-react-update-button-local-name',
+  'v12-react-update-button-primary-plain-component',
+  'v12-react-update-button-plain-monochrome-component',
+  'v12-react-update-button-self-closing',
+];
+
+for (const fixture of fixtures) {
+  check(__dirname, {
+    fixture,
+    transform,
+  });
+}
diff --git a/polaris-migrator/src/migrations/v12-react-update-button-component/tests/v12-react-update-button-component.input.tsx b/polaris-migrator/src/migrations/v12-react-update-button-component/tests/v12-react-update-button-component.input.tsx
new file mode 100644
index 00000000000..56c14974592
--- /dev/null
+++ b/polaris-migrator/src/migrations/v12-react-update-button-component/tests/v12-react-update-button-component.input.tsx
@@ -0,0 +1,69 @@
+import React from 'react';
+import type {ButtonProps} from '@shopify/polaris';
+import {Button} from '@shopify/polaris';
+import {PhoneMajor} from '@shopify/polaris-icons';
+
+declare function CustomButton(props: ButtonProps): JSX.Element;
+declare const Styles: {
+  [className: string]: string;
+};
+
+export function App() {
+  const hasFormError = false;
+  const polarisSummerEditions2023Enabled = true;
+  const disabled = false;
+  const primary = true;
+  const MyButton = Button;
+  return (
+    <>
+      <Button destructive outline disabled>
+        Delete App
+      </Button>
+      <Button icon={PhoneMajor} size="large" monochrome outline>
+        Call
+      </Button>
+      <Button plain>Edit</Button>
+      <Button monochrome>Monochrome</Button>
+      <Button outline>Outline</Button>
+      <Button destructive>Destructive</Button>
+      <Button primarySuccess>Primary success</Button>
+      <Button destructive outline>
+        Destructive outline
+      </Button>
+      <Button destructive plain>
+        Destructive plain
+      </Button>
+      <Button
+        disclosure="select"
+        fullWidth
+        textAlign="left"
+        outline={hasFormError}
+        destructive={hasFormError}
+        disabled={disabled}
+        size={polarisSummerEditions2023Enabled ? 'large' : undefined}
+      >
+        Selected branch
+      </Button>
+      <Button
+        icon={PhoneMajor}
+        removeUnderline
+        plain={!primary}
+        monochrome={!primary}
+        disabled={disabled}
+        primarySuccess={primary}
+      >
+        Content
+      </Button>
+      <Button
+        outline={!polarisSummerEditions2023Enabled}
+        plain={polarisSummerEditions2023Enabled}
+        primary={polarisSummerEditions2023Enabled}
+      >
+        Button
+      </Button>
+      <MyButton plain>My Button</MyButton>
+      <CustomButton plain />
+      <div className={Styles.Button}>Fake Button</div>
+    </>
+  );
+}
diff --git a/polaris-migrator/src/migrations/v12-react-update-button-component/tests/v12-react-update-button-component.output.tsx b/polaris-migrator/src/migrations/v12-react-update-button-component/tests/v12-react-update-button-component.output.tsx
new file mode 100644
index 00000000000..ed3a7974399
--- /dev/null
+++ b/polaris-migrator/src/migrations/v12-react-update-button-component/tests/v12-react-update-button-component.output.tsx
@@ -0,0 +1,79 @@
+import React from 'react';
+import type {ButtonProps} from '@shopify/polaris';
+import {Button} from '@shopify/polaris';
+import {PhoneMajor} from '@shopify/polaris-icons';
+
+declare function CustomButton(
+  props: /* polaris-migrator: Unable to migrate the following expression. Please upgrade manually. */
+  ButtonProps,
+): JSX.Element;
+declare const Styles: {
+  [className: string]: string;
+};
+
+export function App() {
+  const hasFormError = false;
+  const polarisSummerEditions2023Enabled = true;
+  const disabled = false;
+  const primary = true;
+  const MyButton =
+    /* polaris-migrator: Unable to migrate the following expression. Please upgrade manually. */
+    Button;
+  return (
+    <>
+      <Button disabled tone="critical">
+        Delete App
+      </Button>
+      <Button icon={PhoneMajor} size="large">
+        Call
+      </Button>
+      <Button variant="plain">Edit</Button>
+      <Button>Monochrome</Button>
+      <Button>Outline</Button>
+      <Button variant="primary" tone="critical">
+        Destructive
+      </Button>
+      <Button variant="primary" tone="success">
+        Primary success
+      </Button>
+      <Button tone="critical">Destructive outline</Button>
+      <Button variant="plain" tone="critical">
+        Destructive plain
+      </Button>
+      {/* polaris-migrator: Unable to migrate the following expression. Please upgrade manually. */}
+      <Button
+        disclosure="select"
+        fullWidth
+        textAlign="left"
+        outline={hasFormError}
+        destructive={hasFormError}
+        disabled={disabled}
+        size={polarisSummerEditions2023Enabled ? 'large' : undefined}
+      >
+        Selected branch
+      </Button>
+      {/* polaris-migrator: Unable to migrate the following expression. Please upgrade manually. */}
+      <Button
+        icon={PhoneMajor}
+        removeUnderline
+        plain={!primary}
+        monochrome={!primary}
+        disabled={disabled}
+        primarySuccess={primary}
+      >
+        Content
+      </Button>
+      {/* polaris-migrator: Unable to migrate the following expression. Please upgrade manually. */}
+      <Button
+        outline={!polarisSummerEditions2023Enabled}
+        plain={polarisSummerEditions2023Enabled}
+        primary={polarisSummerEditions2023Enabled}
+      >
+        Button
+      </Button>
+      <MyButton plain>My Button</MyButton>
+      <CustomButton plain />
+      <div className={Styles.Button}>Fake Button</div>
+    </>
+  );
+}
diff --git a/polaris-migrator/src/migrations/v12-react-update-button-component/tests/v12-react-update-button-local-name.input.tsx b/polaris-migrator/src/migrations/v12-react-update-button-component/tests/v12-react-update-button-local-name.input.tsx
new file mode 100644
index 00000000000..2e648ea37e3
--- /dev/null
+++ b/polaris-migrator/src/migrations/v12-react-update-button-component/tests/v12-react-update-button-local-name.input.tsx
@@ -0,0 +1,12 @@
+import React from 'react';
+import {Button as MyButton} from '@shopify/polaris';
+
+export function App() {
+  return (
+    <>
+      <MyButton plain primary>
+        Edit
+      </MyButton>
+    </>
+  );
+}
diff --git a/polaris-migrator/src/migrations/v12-react-update-button-component/tests/v12-react-update-button-local-name.output.tsx b/polaris-migrator/src/migrations/v12-react-update-button-component/tests/v12-react-update-button-local-name.output.tsx
new file mode 100644
index 00000000000..0184b91337c
--- /dev/null
+++ b/polaris-migrator/src/migrations/v12-react-update-button-component/tests/v12-react-update-button-local-name.output.tsx
@@ -0,0 +1,10 @@
+import React from 'react';
+import {Button as MyButton} from '@shopify/polaris';
+
+export function App() {
+  return (
+    <>
+      <MyButton variant="tertiary">Edit</MyButton>
+    </>
+  );
+}
diff --git a/polaris-migrator/src/migrations/v12-react-update-button-component/tests/v12-react-update-button-plain-monochrome-component.input.tsx b/polaris-migrator/src/migrations/v12-react-update-button-component/tests/v12-react-update-button-plain-monochrome-component.input.tsx
new file mode 100644
index 00000000000..f9f2bf5aeaa
--- /dev/null
+++ b/polaris-migrator/src/migrations/v12-react-update-button-component/tests/v12-react-update-button-plain-monochrome-component.input.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import {Button} from '@shopify/polaris';
+import {PhoneMajor} from '@shopify/polaris-icons';
+
+export function App() {
+  const isPolarisUplift = true;
+  return (
+    <>
+      <Button plain monochrome>
+        Edit
+      </Button>
+      <Button monochrome plain>
+        Edit
+      </Button>
+      <Button plain monochrome={isPolarisUplift}>
+        Edit
+      </Button>
+      <Button plain={isPolarisUplift} monochrome>
+        Edit
+      </Button>
+      <Button icon={PhoneMajor} plain monochrome />
+    </>
+  );
+}
diff --git a/polaris-migrator/src/migrations/v12-react-update-button-component/tests/v12-react-update-button-plain-monochrome-component.output.tsx b/polaris-migrator/src/migrations/v12-react-update-button-component/tests/v12-react-update-button-plain-monochrome-component.output.tsx
new file mode 100644
index 00000000000..0b31d175342
--- /dev/null
+++ b/polaris-migrator/src/migrations/v12-react-update-button-component/tests/v12-react-update-button-plain-monochrome-component.output.tsx
@@ -0,0 +1,22 @@
+import React from 'react';
+import {Button} from '@shopify/polaris';
+import {PhoneMajor} from '@shopify/polaris-icons';
+
+export function App() {
+  const isPolarisUplift = true;
+  return (
+    <>
+      <Button variant="monochromePlain">Edit</Button>
+      <Button variant="monochromePlain">Edit</Button>
+      {/* polaris-migrator: Unable to migrate the following expression. Please upgrade manually. */}
+      <Button plain monochrome={isPolarisUplift}>
+        Edit
+      </Button>
+      {/* polaris-migrator: Unable to migrate the following expression. Please upgrade manually. */}
+      <Button plain={isPolarisUplift} monochrome>
+        Edit
+      </Button>
+      <Button icon={PhoneMajor} variant="monochromePlain" />
+    </>
+  );
+}
diff --git a/polaris-migrator/src/migrations/v12-react-update-button-component/tests/v12-react-update-button-primary-plain-component.input.tsx b/polaris-migrator/src/migrations/v12-react-update-button-component/tests/v12-react-update-button-primary-plain-component.input.tsx
new file mode 100644
index 00000000000..086825057ba
--- /dev/null
+++ b/polaris-migrator/src/migrations/v12-react-update-button-component/tests/v12-react-update-button-primary-plain-component.input.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import {Button} from '@shopify/polaris';
+import {PhoneMajor} from '@shopify/polaris-icons';
+
+export function App() {
+  const isPolarisUplift = true;
+  return (
+    <>
+      <Button plain primary>
+        Edit
+      </Button>
+      <Button primary plain>
+        Edit
+      </Button>
+      <Button plain primary={isPolarisUplift}>
+        Edit
+      </Button>
+      <Button plain={isPolarisUplift} primary>
+        Edit
+      </Button>
+      <Button icon={PhoneMajor} plain primary />
+    </>
+  );
+}
diff --git a/polaris-migrator/src/migrations/v12-react-update-button-component/tests/v12-react-update-button-primary-plain-component.output.tsx b/polaris-migrator/src/migrations/v12-react-update-button-component/tests/v12-react-update-button-primary-plain-component.output.tsx
new file mode 100644
index 00000000000..79ca57641ed
--- /dev/null
+++ b/polaris-migrator/src/migrations/v12-react-update-button-component/tests/v12-react-update-button-primary-plain-component.output.tsx
@@ -0,0 +1,22 @@
+import React from 'react';
+import {Button} from '@shopify/polaris';
+import {PhoneMajor} from '@shopify/polaris-icons';
+
+export function App() {
+  const isPolarisUplift = true;
+  return (
+    <>
+      <Button variant="tertiary">Edit</Button>
+      <Button variant="tertiary">Edit</Button>
+      {/* polaris-migrator: Unable to migrate the following expression. Please upgrade manually. */}
+      <Button plain primary={isPolarisUplift}>
+        Edit
+      </Button>
+      {/* polaris-migrator: Unable to migrate the following expression. Please upgrade manually. */}
+      <Button plain={isPolarisUplift} primary>
+        Edit
+      </Button>
+      <Button icon={PhoneMajor} variant="tertiary" />
+    </>
+  );
+}
diff --git a/polaris-migrator/src/migrations/v12-react-update-button-component/tests/v12-react-update-button-self-closing.input.tsx b/polaris-migrator/src/migrations/v12-react-update-button-component/tests/v12-react-update-button-self-closing.input.tsx
new file mode 100644
index 00000000000..12d4a38b810
--- /dev/null
+++ b/polaris-migrator/src/migrations/v12-react-update-button-component/tests/v12-react-update-button-self-closing.input.tsx
@@ -0,0 +1,45 @@
+import React from 'react';
+import {Button} from '@shopify/polaris';
+import {PhoneMajor} from '@shopify/polaris-icons';
+
+export function App() {
+  const hasFormError = false;
+  const polarisSummerEditions2023Enabled = true;
+  const disabled = false;
+  const primary = true;
+  return (
+    <>
+      <Button destructive outline disabled />
+      <Button icon={PhoneMajor} size="large" monochrome outline />
+      <Button plain />
+      <Button monochrome />
+      <Button outline />
+      <Button destructive />
+      <Button primarySuccess />
+      <Button destructive outline />
+      <Button destructive plain />
+      <Button
+        disclosure="select"
+        fullWidth
+        textAlign="left"
+        outline={hasFormError}
+        destructive={hasFormError}
+        disabled={disabled}
+        size={polarisSummerEditions2023Enabled ? 'large' : undefined}
+      />
+      <Button
+        icon={PhoneMajor}
+        removeUnderline
+        plain={!primary}
+        monochrome={!primary}
+        disabled={disabled}
+        primarySuccess={primary}
+      />
+      <Button
+        outline={!polarisSummerEditions2023Enabled}
+        plain={polarisSummerEditions2023Enabled}
+        primary={polarisSummerEditions2023Enabled}
+      />
+    </>
+  );
+}
diff --git a/polaris-migrator/src/migrations/v12-react-update-button-component/tests/v12-react-update-button-self-closing.output.tsx b/polaris-migrator/src/migrations/v12-react-update-button-component/tests/v12-react-update-button-self-closing.output.tsx
new file mode 100644
index 00000000000..5c3c4d8efa9
--- /dev/null
+++ b/polaris-migrator/src/migrations/v12-react-update-button-component/tests/v12-react-update-button-self-closing.output.tsx
@@ -0,0 +1,48 @@
+import React from 'react';
+import {Button} from '@shopify/polaris';
+import {PhoneMajor} from '@shopify/polaris-icons';
+
+export function App() {
+  const hasFormError = false;
+  const polarisSummerEditions2023Enabled = true;
+  const disabled = false;
+  const primary = true;
+  return (
+    <>
+      <Button disabled tone="critical" />
+      <Button icon={PhoneMajor} size="large" />
+      <Button variant="plain" />
+      <Button />
+      <Button />
+      <Button variant="primary" tone="critical" />
+      <Button variant="primary" tone="success" />
+      <Button tone="critical" />
+      <Button variant="plain" tone="critical" />
+      {/* polaris-migrator: Unable to migrate the following expression. Please upgrade manually. */}
+      <Button
+        disclosure="select"
+        fullWidth
+        textAlign="left"
+        outline={hasFormError}
+        destructive={hasFormError}
+        disabled={disabled}
+        size={polarisSummerEditions2023Enabled ? 'large' : undefined}
+      />
+      {/* polaris-migrator: Unable to migrate the following expression. Please upgrade manually. */}
+      <Button
+        icon={PhoneMajor}
+        removeUnderline
+        plain={!primary}
+        monochrome={!primary}
+        disabled={disabled}
+        primarySuccess={primary}
+      />
+      {/* polaris-migrator: Unable to migrate the following expression. Please upgrade manually. */}
+      <Button
+        outline={!polarisSummerEditions2023Enabled}
+        plain={polarisSummerEditions2023Enabled}
+        primary={polarisSummerEditions2023Enabled}
+      />
+    </>
+  );
+}
diff --git a/polaris-migrator/src/migrations/v12-react-update-button-component/transform.ts b/polaris-migrator/src/migrations/v12-react-update-button-component/transform.ts
new file mode 100644
index 00000000000..fc6f5ff0968
--- /dev/null
+++ b/polaris-migrator/src/migrations/v12-react-update-button-component/transform.ts
@@ -0,0 +1,326 @@
+import type {
+  API,
+  ASTPath,
+  FileInfo,
+  JSXAttribute,
+  JSXOpeningElement,
+  Options,
+} from 'jscodeshift';
+
+import {POLARIS_MIGRATOR_COMMENT} from '../../utilities/constants';
+import {
+  getImportSpecifierName,
+  hasImportDeclaration,
+  hasImportSpecifier,
+} from '../../utilities/imports';
+import {insertCommentBefore, insertJSXComment} from '../../utilities/jsx';
+
+export default function transformer(
+  fileInfo: FileInfo,
+  {jscodeshift: j}: API,
+  _: Options,
+) {
+  const source = j(fileInfo.source);
+
+  // If `Button` component name is not imported, exit
+  if (
+    !(
+      hasImportDeclaration(j, source, '@shopify/polaris') &&
+      (hasImportSpecifier(j, source, 'Button', '@shopify/polaris') ||
+        hasImportSpecifier(j, source, 'ButtonProps', '@shopify/polaris'))
+    )
+  ) {
+    return fileInfo.source;
+  }
+
+  const localElementName =
+    getImportSpecifierName(j, source, 'Button', '@shopify/polaris') || 'Button';
+
+  const localElementTypeName = getImportSpecifierName(
+    j,
+    source,
+    'ButtonProps',
+    '@shopify/polaris',
+  );
+
+  // For each instance of a `Button` get all the attributes and update accordingly
+  source.findJSXElements(localElementName).forEach((element: ASTPath<any>) => {
+    const openingElement = j(element).find(j.JSXOpeningElement).get()
+      .value as JSXOpeningElement;
+
+    const allAttributes = openingElement.attributes ?? [];
+    const jsxAttributes = allAttributes as JSXAttribute[];
+
+    // Check for spread syntax on props
+    if (allAttributes.some((attribute) => attribute.type !== 'JSXAttribute')) {
+      insertJSXComment(j, element, POLARIS_MIGRATOR_COMMENT);
+      return;
+    }
+
+    // Find the boolean props we want to update
+    // and ensure they are not set to a conditional value
+    const plain = jsxAttributes.find(
+      (attribute) => attribute.name.name === 'plain',
+    );
+    const isPlainValid = plain?.value === null;
+    const monochrome = jsxAttributes.find(
+      (attribute) => attribute.name.name === 'monochrome',
+    );
+    const isMonochromeValid = monochrome?.value === null;
+    const primary = jsxAttributes.find(
+      (attribute) => attribute.name.name === 'primary',
+    );
+    const isPrimaryValid = primary?.value === null;
+    const primarySuccess = jsxAttributes.find(
+      (attribute) => attribute.name.name === 'primarySuccess',
+    );
+    const isPrimarySuccessValid = primarySuccess?.value === null;
+    const outline = jsxAttributes.find(
+      (attribute) => attribute.name.name === 'outline',
+    );
+    const isOutlineValid = outline?.value === null;
+    const destructive = jsxAttributes.find(
+      (attribute) => attribute.name.name === 'destructive',
+    );
+    const isDestructiveValid = destructive?.value === null;
+
+    // A collection of the booleans that will be updated to a variant
+    const variantAttributes = [
+      plain,
+      monochrome,
+      primary,
+      outline,
+      primarySuccess,
+    ].filter(Boolean);
+
+    // Set flags
+    let canRemovePlain = false;
+    let canRemoveMonochrome = false;
+    let canRemovePrimary = false;
+    let canRemoveOutline = false;
+    let canRemovePrimarySuccess = false;
+    let canRemoveDestructive = false;
+    let variantValue = '';
+    let toneValue = '';
+
+    // Checks for combinations
+    const isPrimaryAndPlain =
+      plain && primary && isPlainValid && isPrimaryValid;
+    const isPrimaryAndDestructive =
+      primary && destructive && isPrimaryValid && isDestructiveValid;
+    const isPlainAndMonochrome =
+      plain && monochrome && isPlainValid && isMonochromeValid;
+    const isPlainAndDestructive =
+      plain && destructive && isPlainValid && isDestructiveValid;
+    const isMonochromeAndOutline =
+      monochrome && outline && isMonochromeValid && isOutlineValid;
+    const isOutlineAndDestructive =
+      outline && destructive && isOutlineValid && isDestructiveValid;
+
+    if (plain) {
+      if (variantAttributes.length > 2) {
+        insertJSXComment(j, element, POLARIS_MIGRATOR_COMMENT);
+        return;
+      }
+      if (isPrimaryAndPlain) {
+        canRemovePlain = true;
+        canRemovePrimary = true;
+        variantValue = 'tertiary';
+      } else if (isPlainAndMonochrome) {
+        canRemovePlain = true;
+        canRemoveMonochrome = true;
+        variantValue = 'monochromePlain';
+      } else if (isPlainAndDestructive) {
+        canRemovePlain = true;
+        canRemoveDestructive = true;
+        variantValue = 'plain';
+        toneValue = 'critical';
+      } else if (plain && isPlainValid) {
+        canRemovePlain = true;
+        variantValue = 'plain';
+      } else {
+        insertJSXComment(j, element, POLARIS_MIGRATOR_COMMENT);
+        return;
+      }
+    }
+
+    if (monochrome) {
+      if (variantAttributes.length > 2) {
+        insertJSXComment(j, element, POLARIS_MIGRATOR_COMMENT);
+        return;
+      }
+      if (isMonochromeAndOutline) {
+        canRemoveMonochrome = true;
+        canRemoveOutline = true;
+      } else if (isPlainAndMonochrome) {
+        canRemovePlain = true;
+        canRemoveMonochrome = true;
+        variantValue = 'monochromePlain';
+      } else if (monochrome && isMonochromeValid) {
+        canRemoveMonochrome = true;
+      } else {
+        insertJSXComment(j, element, POLARIS_MIGRATOR_COMMENT);
+        return;
+      }
+    }
+
+    if (primary) {
+      if (variantAttributes.length > 2) {
+        insertJSXComment(j, element, POLARIS_MIGRATOR_COMMENT);
+        return;
+      }
+      if (isPrimaryAndPlain) {
+        canRemovePlain = true;
+        canRemovePrimary = true;
+        variantValue = 'tertiary';
+      } else if (isPrimaryAndDestructive) {
+        canRemovePrimary = true;
+        canRemoveDestructive = true;
+        variantValue = 'primary';
+        toneValue = 'critical';
+      } else if (primary && isPrimaryValid) {
+        canRemovePrimary = true;
+        variantValue = 'primary';
+      } else {
+        insertJSXComment(j, element, POLARIS_MIGRATOR_COMMENT);
+        return;
+      }
+    }
+
+    if (outline) {
+      if (variantAttributes.length > 2) {
+        insertJSXComment(j, element, POLARIS_MIGRATOR_COMMENT);
+        return;
+      }
+      if (isOutlineAndDestructive) {
+        canRemoveOutline = true;
+        canRemoveDestructive = true;
+        toneValue = 'critical';
+      } else if (isMonochromeAndOutline) {
+        canRemoveMonochrome = true;
+        canRemoveOutline = true;
+      } else if (outline && isOutlineValid) {
+        canRemoveOutline = true;
+      } else {
+        insertJSXComment(j, element, POLARIS_MIGRATOR_COMMENT);
+        return;
+      }
+    }
+
+    if (primarySuccess) {
+      if (variantAttributes.length > 2) {
+        insertJSXComment(j, element, POLARIS_MIGRATOR_COMMENT);
+        return;
+      }
+      if (primarySuccess && isPrimarySuccessValid) {
+        canRemovePrimarySuccess = true;
+        variantValue = 'primary';
+        toneValue = 'success';
+      } else {
+        insertJSXComment(j, element, POLARIS_MIGRATOR_COMMENT);
+        return;
+      }
+    }
+
+    if (destructive) {
+      if (isPlainAndDestructive) {
+        canRemovePlain = true;
+        canRemoveDestructive = true;
+        variantValue = 'plain';
+        toneValue = 'critical';
+      } else if (isOutlineAndDestructive) {
+        canRemoveOutline = true;
+        canRemoveDestructive = true;
+        toneValue = 'critical';
+      } else if (isPrimaryAndDestructive) {
+        canRemovePrimary = true;
+        canRemoveDestructive = true;
+        variantValue = 'primary';
+        toneValue = 'critical';
+      } else if (
+        destructive &&
+        isDestructiveValid &&
+        variantAttributes.length === 0
+      ) {
+        canRemoveDestructive = true;
+        toneValue = 'critical';
+        variantValue = 'primary';
+      } else if (destructive && isDestructiveValid) {
+        canRemoveDestructive = true;
+        toneValue = 'critical';
+      } else {
+        insertJSXComment(j, element, POLARIS_MIGRATOR_COMMENT);
+        return;
+      }
+    }
+
+    // Remove the boolean attributes based on the checks
+    if (plain && canRemovePlain) {
+      plain.name.name = '';
+      plain.value = null;
+    }
+
+    if (monochrome && canRemoveMonochrome) {
+      monochrome.name.name = '';
+      monochrome.value = null;
+    }
+
+    if (primary && canRemovePrimary) {
+      primary.name.name = '';
+      primary.value = null;
+    }
+
+    if (outline && canRemoveOutline) {
+      outline.name.name = '';
+      outline.value = null;
+    }
+
+    if (primarySuccess && canRemovePrimarySuccess) {
+      primarySuccess.name.name = '';
+      primarySuccess.value = null;
+    }
+
+    if (destructive && canRemoveDestructive) {
+      destructive.name.name = '';
+      destructive.value = null;
+    }
+
+    // Add the variant attribute based on the checks
+    if (variantValue && openingElement && openingElement.attributes) {
+      openingElement.attributes.push(
+        j.jsxAttribute(
+          j.jsxIdentifier('variant'),
+          j.stringLiteral(variantValue),
+        ),
+      );
+    }
+
+    // Add the tone attribute based on the checks
+    if (toneValue && openingElement && openingElement.attributes) {
+      openingElement.attributes.push(
+        j.jsxAttribute(j.jsxIdentifier('tone'), j.stringLiteral(toneValue)),
+      );
+    }
+  });
+
+  source
+    .find(j.Identifier)
+    .filter(
+      (path) =>
+        path.node.name === localElementName ||
+        path.node.name === localElementTypeName,
+    )
+    .forEach((path) => {
+      if (path.node.type !== 'Identifier') return;
+
+      if (
+        path.parent.value.type === 'ImportSpecifier' ||
+        path.parent.value.type === 'MemberExpression'
+      ) {
+        return;
+      }
+
+      insertCommentBefore(j, path, POLARIS_MIGRATOR_COMMENT);
+    });
+  return source.toSource();
+}