message: Separates out a baseMixin for text without anything structural
diff: @@ -4,19 +4,23 @@ import { display, space, textColor, fontFamily, fontWeight, fontStyle, fontSize,
  import { preset } from 'react/styles/functions';
  import { antialiased, neutralMarginsY } from 'react/styles/mixins';
  +export const baseMixin = css`
  + ${preset(fontFamily, { font: 'sans' })}
  + ${preset(fontSize, { f: 4 })}
  + ${preset(lineHeight, { lineHeight: 1 })}
  + ${preset(textColor, { color: 'gray.base' })}
  + ${antialiased}
  +`;
  +
  export const mixin = css`
  box-sizing: border-box;
  + ${baseMixin}
  ${display}
  ${width}
  ${space}
  - ${preset(fontFamily, { font: 'sans' })}
  - ${preset(fontSize, { f: 4 })}
  ${fontWeight}
  ${fontStyle}
  - ${preset(lineHeight, { lineHeight: 1 })}
  - ${preset(textColor, { color: 'gray.base' })}
  ${textAlign}
  - ${antialiased}
  ${neutralMarginsY}
  a {
  