Migrate Text to TypeScript

.changeset/cool-snakes-bathe.md

@@ -0,0 +1,5 @@
+---
+"@primer/components": patch
+---
+
+Migrate `Text` to TypeScript

src/Text.js → src/Text.tsx

@@ -1,10 +1,10 @@
-import styled from 'styled-components'
 import PropTypes from 'prop-types'
+import styled from 'styled-components'
+import {COMMON, SystemCommonProps, SystemTypographyProps, TYPOGRAPHY} from './constants'
+import sx, {SxProp} from './sx'
 import theme from './theme'
-import {TYPOGRAPHY, COMMON} from './constants'
-import sx from './sx'
 
-const Text = styled.span`
+const Text = styled.span<SystemTypographyProps & SystemCommonProps & SxProp>`
   ${TYPOGRAPHY};
   ${COMMON};
   ${sx};
@@ -21,4 +21,5 @@ Text.propTypes = {
   theme: PropTypes.object
 }
 
+export type TextProps = React.ComponentProps<typeof Text>
 export default Text