CSS página x de y para @media print

Prefacio a esta pregunta diciendo que sé que esta pregunta se ha hecho antes, pero todas las respuestas que puedo encontrar para estos parecen hacer referencia a una solución obsoleta que ya no funciona (al menos en Firefox 56 [64 bit])

El método obsoleto es que solía haber un contador CSS instanciado automáticamente llamadopages, así que un poco de CSS generado a partir de este SASS:

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

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

Solía hacer lo que quiero. Ahora muestra "Página [x] de 0".

He intentado usar este bit de CSS para recrear mi propio contador de páginas máximas:

@page {
    counter-increment: maxpage;
}

Sin embargo, esto también devuelve 0 cuando se usa en mi pie de página.

¿Existe alguna forma razonablemente amigable para todos los navegadores de obtener esta funcionalidad?