Página CSS x de y para @media print

Eu prefácio essa pergunta dizendo que sei que essa pergunta já foi feita antes, mas todas as respostas que encontro podem fazer referência a uma solução obsoleta que não funciona mais (pelo menos no Firefox 56 [64 bits])

O método obsoleto é que costumava haver um contador CSS instanciado automaticamente chamadopages, portanto, um pouco de CSS gerado a partir deste SASS:

footer {
    position: fixed;
    bottom: 0;
    left: 20px;

    &:after {
        counter-increment: page;
        content: "Page " counter(page) " of " counter(pages);
    }
}

Costumava fazer o que eu queria. Agora ele exibe "Página [x] de 0".

Eu tentei usar esse pouco de CSS para recriar meu próprio contador de páginas máximas:

@page {
    counter-increment: maxpage;
}

No entanto, isso também retorna 0 quando usado no meu rodapé.

Existe algum meio razoavelmente compatível com vários navegadores para obter essa funcionalidade?

questionAnswers(2)

yourAnswerToTheQuestion