message: Get theme from context in PointerBox
diff: import React from 'react'
  +import {ThemeContext} from 'styled-components'
  import BorderBox, {BorderBoxProps} from './BorderBox'
  import Caret, {CaretProps} from './Caret'
  @@ -10,10 +11,17 @@ export type PointerBoxProps = {
  } & BorderBoxProps
  function PointerBox(props: PointerBoxProps) {
  + const themeContext = React.useContext(ThemeContext)
  // don't destructure these, just grab them
  - const {bg, border, borderColor} = props
  + const {bg, border, borderColor, theme} = props
  const {caret, children, ...boxProps} = props
  - const caretProps = {bg, borderColor, borderWidth: border, location: caret}
  + const caretProps = {
  + bg,
  + borderColor,
  + borderWidth: border,
  + location: caret,
  + theme: theme ?? themeContext
  + }
  return (
  <BorderBox sx={{position: 'relative'}} {...boxProps}>
  {children}
  