O mecanismo JS cria uma nova microtarefa que executará todos os manipuladores encadeados em um objeto Promise quando a resolução for invocada?

Recentemente, encontrei esta pergunta no Stack Overflow, perguntando sobre como o método then realmente funciona em JavaScript. O respondente, Trincot, fez o seguinte comentário:

O host verificará quais filas de trabalhos possuem entradas, dando preferência às filas de trabalhos com alta prioridade. Uma fila de tarefas do Promise tem uma prioridade muito alta, normalmente mais alta do que a fila de eventos que lida com a interação do usuário ou outros eventos externos. Portanto, o trabalho que foi colocado na fila na etapa 4 acima é retirado da fila Promise Job. Este trabalho chamará sequencialmente as funções de retorno de chamada que foram registradas como retornos de chamada (como o registrado na etapa 7) no objeto myPromise.

Se entendi sua explicação corretamente, sempre que a função resolve é invocada, o JavaScript agendará uma microtarefa (ou um job) na fila de jobs, que executará todos os callbacks passados ​​para eles, incluindo o encadeamento, quando a pilha de chamadas estiver vazia. Por exemplo:

Promise.resolve("Hi")
    .then(() => {
        console.log("Hi");
    })
    .then(() => {
        console.log("World");
    });

Nesse caso, a promessa é resolvida imediatamente, o que significa que uma microtarefa será agendada imediatamente. Quando os retornos de chamada terminarem a execução, o mecanismo JS verificará se há microtarefas na fila. Como a promessa foi resolvida imediatamente, ele executará a microtarefa, que por sua vez executa todos os manipuladores passados ​​para o método then. Como resultado, o código produzirá "Hi" e "World".

No entanto, por que esse código gera "1 3 2 4" em vez de "1 2 3 4"?

const p1 = Promise.resolve();
const p2 = Promise.resolve();
p1.then(() => {
    console.log(1);
}).then(() => {
    console.log(2);
});
p2.then(() => {
    console.log(3);
}).then(() => {
    console.log(4);
});

Acredito que o código deve gerar "1 2 3 4" em vez de "1 3 2 4". Isso ocorre porque, quando p1 e p2 são resolvidos, duas microtarefas são enfileiradas. À medida que os retornos de chamada terminam a execução, eles adicionam esses retornos de chamada às suas listas internas. Assim que a pilha de chamadas estiver vazia, o mecanismo JS seleciona a tarefa mais antiga da fila e a executa. Essa tarefa deve executar todos os manipuladores passados ​​para essa instância específica do Promise. No entanto, não parece estar acontecendo como o esperado. Alguém poderia me explicar o motivo desse comportamento?

Obrigado pelo seu tempo e tenha um ótimo dia!