message: Use functional color variables in SelectMenuFooter
diff: @@ -8,9 +8,9 @@ const footerStyles = css`
  margin-top: -1px;
  padding: ${get('space.2')} ${get('space.3')};
  font-size: ${get('fontSizes.0')};
  - color: ${get('colors.text.grayLight')};
  + color: ${get('colors.text.tertiary')};
  text-align: center;
  - border-top: ${get('borderWidths.1')} solid ${get('colors.border.gray')};
  + border-top: ${get('borderWidths.1')} solid ${get('colors.border.select-menu-border-secondary')};
  @media (min-width: ${get('breakpoints.0')}) {
  padding: ${get('space.1')} ${get('space.2')};
  