Eu estou tentando usar variáveis CSS na consulta de mídia e ele não funciona.

:root {
  --mobile-breakpoint: 642px;
}

@media (max-width: var(--mobile-breakpoint)) {

}