Olá Caique! Espero que esteja tudo bem com você.

Essa propriedade é utilizada para definir o nome de uma área de grid e associá-la a um elemento. No seu exemplo, você está definindo três áreas de grid: "header", "aside" e "main", e associando cada uma delas aos elementos ".cabecalho", ".menu-lateral" e ".principal", respectivamente.

Essas áreas de grid são definidas previamente usando a propriedade "grid-template-areas" no container do grid. Por exemplo:

.container {
  display: grid;
  grid-template-areas:
    "header header header"
    "aside main main"
    "aside main main";
}

Nesse caso, estamos definindo uma grid com três linhas e três colunas, e associando as áreas "header", "aside" e "main" a cada uma das células da grid.

Espero que isso tenha ajudado a esclarecer suas dúvidas.

Um abraço e bons estudos.