Add back removed story

Author: pksjce

e2e/components/Popover.test.ts

@@ -15,6 +15,10 @@ const stories = [
     title: 'SX Props',
     id: 'components-popover-dev--sx-props',
   },
+  {
+    title: 'Popover Overflow',
+    id: 'components-popover-dev--popover-overflow',
+  },
 ] as const
 
 test.describe('Popover', () => {

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

@@ -9,6 +9,33 @@ export default {
   component: Popover,
 } as Meta<typeof Popover>
 
+export const SxProps = () => (
+  <Popover
+    relative
+    open={true}
+    caret="top-right"
+    sx={{
+      left: '50%',
+      transform: 'translateX(-50%)',
+      mt: 2,
+      color: 'var(--bgColor-danger-muted)',
+    }}
+    style={{padding: '16px'}}
+  >
+    <Popover.Content
+      sx={{
+        minWidth: '260px',
+        width: '40%',
+      }}
+      style={{padding: '32px'}}
+    >
+      <Heading sx={{fontSize: 2}}>Popover heading</Heading>
+      <Text as="p">Message about popovers</Text>
+      <Button>Got it!</Button>
+    </Popover.Content>
+  </Popover>
+)
+
 export const PopoverOverflow = () => (
   <Popover relative open={true}>
     <Popover.Content height={'small'}>