From faf98e15fd2119ff2b738634b7d2300e85e8e218 Mon Sep 17 00:00:00 2001
From: Jon Rohan <yes@jonrohan.codes>
Date: Thu, 19 Mar 2026 19:48:41 +0000
Subject: [PATCH 1/2] refactor: remove Textarea component and related tests,
 update exports accordingly

---
 .github/copilot-instructions.md               |  4 ++++
 .../__snapshots__/exports.test.ts.snap        |  1 -
 .../__tests__/primer-react.browser.test.tsx   |  6 ------
 .../styled-react/src/components/Textarea.tsx  | 19 -------------------
 packages/styled-react/src/index.tsx           | 14 --------------
 5 files changed, 4 insertions(+), 40 deletions(-)
 delete mode 100644 packages/styled-react/src/components/Textarea.tsx

diff --git a/.github/copilot-instructions.md b/.github/copilot-instructions.md
index 777bf12f115..8dbde3ef2b7 100644
--- a/.github/copilot-instructions.md
+++ b/.github/copilot-instructions.md
@@ -157,3 +157,7 @@ npm run lint:fix        # Auto-fix linting issues
 - Storybook startup: ~3 seconds
 
 **CRITICAL**: NEVER CANCEL builds, tests, or long-running commands. They may take significantly longer in CI environments. Always set appropriate timeouts (90+ minutes for builds/tests).
+
+## Pull Request Creation
+
+When creating a pull request, you MUST use the template in `.github/pull_request_template.md` to structure the PR description. Read the template file, fill in all sections appropriately, and include it in the PR body.
diff --git a/packages/styled-react/src/__tests__/__snapshots__/exports.test.ts.snap b/packages/styled-react/src/__tests__/__snapshots__/exports.test.ts.snap
index 1c5e65a8483..1bbdb28a5b5 100644
--- a/packages/styled-react/src/__tests__/__snapshots__/exports.test.ts.snap
+++ b/packages/styled-react/src/__tests__/__snapshots__/exports.test.ts.snap
@@ -27,7 +27,6 @@ exports[`@primer/styled-react exports 1`] = `
   "Spinner",
   "sx",
   "Text",
-  "Textarea",
   "TextInput",
   "theme",
   "themeGet",
diff --git a/packages/styled-react/src/__tests__/primer-react.browser.test.tsx b/packages/styled-react/src/__tests__/primer-react.browser.test.tsx
index d0c93ae5c14..d60995044fd 100644
--- a/packages/styled-react/src/__tests__/primer-react.browser.test.tsx
+++ b/packages/styled-react/src/__tests__/primer-react.browser.test.tsx
@@ -25,7 +25,6 @@ import {
   Spinner,
   Text,
   TextInput,
-  Textarea,
   ThemeProvider,
   Timeline,
   Token,
@@ -271,11 +270,6 @@ describe('@primer/react', () => {
     expect(window.getComputedStyle(screen.getByRole('button')).backgroundColor).toBe('rgb(255, 0, 0)')
   })
 
-  test('Textarea supports `sx` prop', () => {
-    const {container} = render(<Textarea sx={{background: 'red'}} />)
-    expect(window.getComputedStyle(container.firstElementChild!).backgroundColor).toBe('rgb(255, 0, 0)')
-  })
-
   test('Timeline supports `sx` prop', () => {
     render(<Timeline data-testid="component" sx={{background: 'red'}} />)
     expect(window.getComputedStyle(screen.getByTestId('component')).backgroundColor).toBe('rgb(255, 0, 0)')
diff --git a/packages/styled-react/src/components/Textarea.tsx b/packages/styled-react/src/components/Textarea.tsx
deleted file mode 100644
index 2e8ad764e10..00000000000
--- a/packages/styled-react/src/components/Textarea.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import {Textarea as PrimerTextarea, type TextareaProps as PrimerTextareaProps} from '@primer/react'
-import styled from 'styled-components'
-import {sx, type SxProp} from '../sx'
-import type {ForwardRefComponent} from '../polymorphic'
-import {forwardRef} from 'react'
-
-type TextareaProps = PrimerTextareaProps & SxProp & {as?: React.ElementType}
-
-const StyledTextarea = styled(PrimerTextarea).withConfig<TextareaProps>({
-  shouldForwardProp: prop => prop !== 'sx',
-})`
-  ${sx}
-` as ForwardRefComponent<'textarea', TextareaProps>
-
-const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(({as, ...props}, ref) => {
-  return <StyledTextarea {...props} {...(as ? {forwardedAs: as} : {})} ref={ref} />
-}) as ForwardRefComponent<'textarea', TextareaProps>
-
-export {Textarea, type TextareaProps}
diff --git a/packages/styled-react/src/index.tsx b/packages/styled-react/src/index.tsx
index e4ac5d841d6..03968391cd2 100644
--- a/packages/styled-react/src/index.tsx
+++ b/packages/styled-react/src/index.tsx
@@ -405,20 +405,6 @@ export {
   type TextProps,
 } from './components/Text'
 
-export {
-  /**
-   * @deprecated Usage of the `sx` prop with this component is no longer
-   * supported. Use the component from `@primer/react` with CSS Modules instead.
-   */
-  Textarea,
-
-  /**
-   * @deprecated Usage of the `sx` prop with this component is no longer
-   * supported. Use the component from `@primer/react` with CSS Modules instead.
-   */
-  type TextareaProps,
-} from './components/Textarea'
-
 export {
   /**
    * @deprecated Usage of the `sx` prop with this component is no longer

From 932d5014dbe12782f005788c3f2abc5330a82768 Mon Sep 17 00:00:00 2001
From: Jon Rohan <yes@jonrohan.codes>
Date: Thu, 19 Mar 2026 12:49:54 -0700
Subject: [PATCH 2/2] Remove Textarea from @primer/styled-react

This change removes the Textarea component from the @primer/styled-react package.
---
 .changeset/gentle-masks-notice.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/gentle-masks-notice.md

diff --git a/.changeset/gentle-masks-notice.md b/.changeset/gentle-masks-notice.md
new file mode 100644
index 00000000000..7e0b04aecba
--- /dev/null
+++ b/.changeset/gentle-masks-notice.md
@@ -0,0 +1,5 @@
+---
+"@primer/styled-react": patch
+---
+
+Remove Textarea from `@primer/styled-react`