How to use the @xstyled/styled-components.h3 function in @xstyled/styled-components

Modules
            {stats.modulesNumber}
          
        
        
          
            Assets
            {stats.assets.length}
          
        
      
    
  )
}

const Title = styled.h3`
  font-size: 18;
  font-weight: medium;
`

function PassiveRepositories({ title, repositories }) {
  const owner = useOwner()
  if (!repositories.length) return null
  return (
    <>
      <title>{title}</title>
      {repositories.map(repository =&gt; (

import styled from '@xstyled/styled-components'

export const Card = styled.box`
  border-radius: base;
  background-color: gray800;
`

export const CardBody = styled.box`
  padding: 3;
`

export const CardText = styled.p`
  font-size: 13;
`

export const CardTitle = styled.h3`
  font-size: 18;
  font-weight: medium;
  margin: 0;
  color: white;
`

export const CardHeader = styled.headerBox`
  border-bottom: 1;
  border-bottom-color: gray700;
  padding: 2;
`

export const CardFooter = styled.footerBox`
  border-top: 1;
  border-top-color: gray700;
  padding: 2;

outline: 0;
  }
`

export const CardHeader = styled.box`
  padding: 3;
  background-color: light700;
`

export const CardFooter = CardHeader

export const CardBody = styled.box`
  padding: 3;
`

export const CardTitle = styled.h3`
  font-size: 22;
  font-weight: 500;
  margin: 0 0 2;
  color: light100;
`

export const CardText = styled.pBox`
  margin: 0;
  text-align: justify;

  a {
    transition: base;
    border-bottom: 1px dotted;
    border-bottom-color: currentColor;

    &:hover {

> svg {
    position: absolute;
    transition: base;
    top: 0;
    width: 118%;
    height: auto;
  }
`

const ProjectLabel = styled.div`
  font-family: monospace;
  font-size: 13;
  color: accent;
`

const ProjectTitle = styled.h3`
  margin: 0;
  font-weight: 500;
  font-size: 22;
  color: lighter;
  margin-bottom: 3;
  margin-right: 3;

  > a {
    transition: base;

    &:hover {
      color: accent;
    }
  }
`

{latestBuild.status}
            
          
        
      
    
  )
}

const Title = styled.h3`
  font-size: 18;
  font-weight: medium;
`

function PassiveRepositories({ title, repositories }) {
  const owner = useOwner()
  if (!repositories.length) return null
  return (
    <>
      <title>{title}</title>
      {repositories.map(repository =&gt; (