Gabriel tudo bem? Pode notar que para fazer o uso do item.id foi necessário fazer o uso do + para juntar ao valor da propriedade data-id.

Com isso para se usar essa forma de atribuição foi preciso colocar aspas duplas externas e internamente para completar o valor de data-id aspas simples para ficar dessa forma renderizado

document.querySelector("[data-id='1']").innerHTML = item.quantidade;

Outras possibilidades

Poderia ser feito com o inverso aspas simples fora e aspas dupla dentro

document.querySelector('[data-id="' + item.id + '"]').innerHTML = item.quantidade;

Template string

Poderia ter sido escrito dessa forma com template string

document.querySelector(`[data-id="${item.id}"]`).innerHTML = item.quantidade;

Referências

Segue algumas referências para leitura e estudos

• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Addition
• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals
• https://www.w3schools.com/js/js_string_templates.asp

Espero ter ajudado e bons estudos