Function variant

packages/devtools-ui/src/styles/use-styles.ts:409–418

(variant: ButtonVariant, outline?: boolean, ghost?: boolean)

      `,
      label: css`
        font-size: ${semantic.type.bodyXs.size};
        line-height: ${semantic.type.bodyXs.lineHeight};
        font-family: ${semantic.font.body};
        letter-spacing: ${semantic.type.labelSm.tracking};
      `,
      count: css`
        font-size: ${semantic.type.bodyXs.size};
        padding: 0 ${semantic.space[1]};
        display: flex;
        align-items: center;
        justify-content: center;
        color: ${semantic.color.text.secondary};
        background-color: ${semantic.color.state.hover};