Solucionado
A resposta da questão foi essa:
.icones-redes-sociais a {
position: relative;
}
.icones-redes-sociais a:hover::after,
.icones-redes-sociais a:focus::after {
content: attr(data-tooltip);
position: absolute;
top: 100%;
right: 0;
text-indent: 0;
width: 300%;
background: black;
font-size: .75em;
}Se eu não definir as propriedades top ou right, o pseudoelemento não aparece, por quê?
Inspecionando a página consegui ver que o right por padrão no projeto está vindo com um valor absurdo quando o position é absolute (right: 49875.2px!) ou seja, ele por padrão está totalmente fora da página para poder exibir na tela, por isso ele está setando o right:0, para voltar a origem do objeto.
Mas não entendi de onde está vindo esse valor para o right.
Já o top:100% é para posicionar o pseudoelemento abaixo do objeto.