Can't pass down styled props to an extended styled system + rebass component

I’m creating a Position component like so:

import styled from 'styled-components'
import { position } from 'styled-system'
import { Box as Base } from 'rebass/styled-components'

const Position = styled(({ position, ...props }) => <Base {...props} />)`
  ${position}
`

export default Position

I’m expecting to be able to use it like so after importing into another file:

const Header = styled(Position)` color: red `;

<Header
  as="header"
  mb={4} // Box styled props
  pt={3} // Box styled props
  position="sticky"
  top={0}
  left={'auto'}
  right={'auto'}
  zIndex={100}
>

Do I need to be utilizing forwardRef ? Is there a way to pass down both Box props and Position props from an extended component?

[jxnblk]

At first glance, this looks like it should work. Can you provide a codesandbox link with a reproduction?

[AndrewPrifer]

No idea about the community in general, I mainly just prefer emotion’s css prop instead of creating one shot components for every styled div. Plus emotion seems to be react concurrent mode ready, but that shouldn’t be a concern for now I think.