Add the (missing) case for migrating DisplayText to Text when size is not specified

.changeset/twelve-turkeys-exist.md

@@ -0,0 +1,5 @@
+---
+'@shopify/polaris-migrator': patch
+---
+
+Add the (missing) case for migrating DisplayText to Text when size is not specified

polaris-migrator/src/migrations/react-replace-text-components/steps/replace-display-text.ts

@@ -21,6 +21,8 @@ const displayTextSizeMap = {
   extraLarge: 'heading4xl',
 };
 
+const defaultDisplayTextSize = 'medium';
+
 /**
  * Replace <DisplayText> with the <Text> component
  */
@@ -51,6 +53,11 @@ export function replaceDisplayText<NodeType = ASTNode>(
 
   source.findJSXElements(localElementName).forEach((element) => {
     replaceJSXElement(j, element, 'Text');
+
+    if (!hasJSXAttribute(j, element, 'size')) {
+      insertJSXAttribute(j, element, 'size', defaultDisplayTextSize);
+    }
+
     replaceJSXAttributes(j, element, 'size', 'variant', displayTextSizeMap);
 
     if (hasJSXAttribute(j, element, 'element')) {

polaris-migrator/src/migrations/react-replace-text-components/tests/react-replace-text-components.input.tsx

@@ -19,6 +19,7 @@ export function App() {
       <DisplayText size="extraLarge">Display text</DisplayText>
       <DisplayText size="large">Display text</DisplayText>
       <DisplayText size="medium">Display text</DisplayText>
+      <DisplayText>Display text</DisplayText>
       <DisplayText size="small">Display text</DisplayText>
       <Heading element="h1">Heading</Heading>
       <Heading>Heading</Heading>

polaris-migrator/src/migrations/react-replace-text-components/tests/react-replace-text-components.output.tsx

@@ -18,6 +18,9 @@ export function App() {
       <Text variant="headingXl" as="p">
         Display text
       </Text>
+      <Text variant="headingXl" as="p">
+        Display text
+      </Text>
       <Text variant="headingLg" as="p">
         Display text
       </Text>