From ab3e8378650935f30e859705907d6677dffb87b5 Mon Sep 17 00:00:00 2001
From: Stephanie Hong <41085564+JelloBagel@users.noreply.github.com>
Date: Thu, 12 Dec 2024 20:23:19 +0000
Subject: [PATCH 1/3] Remove sxprop from Pagination

---
 packages/react/src/Pagination/Pagination.module.css |  4 ++++
 packages/react/src/Pagination/Pagination.tsx        | 13 +++----------
 .../src/__tests__/Pagination/Pagination.test.tsx    |  2 +-
 3 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/packages/react/src/Pagination/Pagination.module.css b/packages/react/src/Pagination/Pagination.module.css
index 1f16c3281df..919889dd445 100644
--- a/packages/react/src/Pagination/Pagination.module.css
+++ b/packages/react/src/Pagination/Pagination.module.css
@@ -128,6 +128,10 @@
   text-align: center;
 }
 
+.TablePaginationSteps {
+  display: inline-block;
+}
+
 @media screen and (--viewportRange-narrow) {
   .TablePaginationSteps[data-hidden-viewport-ranges*='narrow'] > *:not(:first-child):not(:last-child) {
     display: none;
diff --git a/packages/react/src/Pagination/Pagination.tsx b/packages/react/src/Pagination/Pagination.tsx
index f28d9f05310..83f84913444 100644
--- a/packages/react/src/Pagination/Pagination.tsx
+++ b/packages/react/src/Pagination/Pagination.tsx
@@ -1,9 +1,6 @@
 import React from 'react'
 import styled from 'styled-components'
-import Box from '../Box'
 import {get} from '../constants'
-import type {SxProp} from '../sx'
-import sx from '../sx'
 import {buildComponentData, buildPaginationModel} from './model'
 import type {ResponsiveValue} from '../hooks/useResponsiveValue'
 import {viewportRanges} from '../hooks/useResponsiveValue'
@@ -201,7 +198,7 @@ function usePaginationPages({
 const PaginationContainer = toggleStyledComponent(
   CSS_MODULES_FEATURE_FLAG,
   'nav',
-  styled.nav<SxProp>`
+  styled.nav`
     margin-top: 20px;
     margin-bottom: 15px;
     text-align: center;
@@ -228,8 +225,6 @@ const PaginationContainer = toggleStyledComponent(
         })
         .join('')
     }
-
-    ${sx};
   `,
 )
 
@@ -275,14 +270,12 @@ function Pagination({
       {...rest}
       theme={theme}
     >
-      <Box
-        display="inline-block"
-        theme={theme}
+      <div
         className={classes.TablePaginationSteps}
         data-hidden-viewport-ranges={getViewportRangesToHidePages(showPages).join(' ')}
       >
         {pageElements}
-      </Box>
+      </div>
     </PaginationContainer>
   )
 }
diff --git a/packages/react/src/__tests__/Pagination/Pagination.test.tsx b/packages/react/src/__tests__/Pagination/Pagination.test.tsx
index 8511cf6e29e..76414da4cbb 100644
--- a/packages/react/src/__tests__/Pagination/Pagination.test.tsx
+++ b/packages/react/src/__tests__/Pagination/Pagination.test.tsx
@@ -8,7 +8,7 @@ const reqProps = {pageCount: 10, currentPage: 1}
 const comp = <Pagination {...reqProps} />
 
 describe('Pagination', () => {
-  behavesAsComponent({Component: Pagination, toRender: () => comp})
+  behavesAsComponent({Component: Pagination, toRender: () => comp, options: {skipSx: true}})
 
   it('should have no axe violations', async () => {
     const {container} = HTMLRender(comp)

From 4bba2705d3b096a9188d24e73243b9cab791bf25 Mon Sep 17 00:00:00 2001
From: Stephanie Hong <41085564+JelloBagel@users.noreply.github.com>
Date: Thu, 12 Dec 2024 20:23:46 +0000
Subject: [PATCH 2/3] Add changeset

---
 .changeset/stale-frogs-compare.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/stale-frogs-compare.md

diff --git a/.changeset/stale-frogs-compare.md b/.changeset/stale-frogs-compare.md
new file mode 100644
index 00000000000..56c0941d2ad
--- /dev/null
+++ b/.changeset/stale-frogs-compare.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": minor
+---
+
+Remove sxProp from Pagination

From d1776f01391f6419b20e61603fdfa2e92c66d77d Mon Sep 17 00:00:00 2001
From: Stephanie Hong <41085564+JelloBagel@users.noreply.github.com>
Date: Fri, 13 Dec 2024 19:08:29 +0000
Subject: [PATCH 3/3] Update changeset to major

---
 .changeset/stale-frogs-compare.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.changeset/stale-frogs-compare.md b/.changeset/stale-frogs-compare.md
index 56c0941d2ad..44cb3b2ef9d 100644
--- a/.changeset/stale-frogs-compare.md
+++ b/.changeset/stale-frogs-compare.md
@@ -1,5 +1,5 @@
 ---
-"@primer/react": minor
+"@primer/react": major
 ---
 
 Remove sxProp from Pagination