How to use the @instructure/ui-themeable.mirrorShorthandCorners function in @instructure/ui-themeable

get borderStyle () {
    let { borderRadius, borderWidth } = this.props

    if (this.dir === bidirectional.DIRECTION.rtl) {
      borderRadius = mirrorShorthandCorners(borderRadius)
      borderWidth = mirrorShorthandEdges(borderWidth)
    }

    return {
      borderRadius: getShorthandPropValue('View', this.theme, borderRadius, 'borderRadius'),
      borderWidth: getShorthandPropValue('View', this.theme, borderWidth, 'borderWidth')
    }
  }

get borderStyle () {
    let { borderRadius, borderWidth } = this.props

    if (this.dir === bidirectional.DIRECTION.rtl) {
      borderRadius = mirrorShorthandCorners(borderRadius)
      borderWidth = mirrorShorthandEdges(borderWidth)
    }

    return {
      borderRadius: getShorthandPropValue('View', this.theme, borderRadius, 'borderRadius'),
      borderWidth: getShorthandPropValue('View', this.theme, borderWidth, 'borderWidth')
    }
  }