Problema com a formatação de strings em JavaScript

Estou criando uma aplicação do tipo blank, que usa código Javascript em uma tag script no final do HTML, e, ao tentar substituir uma variável usando template strings, o ScriptCase gera o Javascript de forma errada, substituindo por um caracter ‘$’.

Como eu escrevo, após fechar a tag <?php ?>, dentro de um <script>:

linhaTopoBlocoPrincipal.innerHTML += `
    <div class="col">
        <h6 class="card-title">Endereço</h6>
        <p class="card-text" id="labelEndereco">
            ${enderecoFormatado}
        </p>
    </div>
`;

Como o HTML gerado fica:

linhaTopoBlocoPrincipal.innerHTML += `
    <div class="col">
        <h6 class="card-title">Endereço</h6>
        <p class="card-text" id="labelEndereco">
            $$enderecoformatado 
        </p>
    </div>
`;

Aplicações SCRIPTCASE interpretam {enderecoFormatado} como uma variável ou propriedade no php.

Sim, eu já imaginava que seria por causa disso. Contudo, variáveis do PHP não deveriam ser intepretadas fora do escopo da tag PHP. Se eu quiser usar uma variável do PHP no script eu colocaria uma tag de echo <?= {variavel} ?> antes.

Eu tive que evitar usar variáves na string diretamente, trocando o código mencionado para esse:

linhaTopoBlocoPrincipal.innerHTML += `
    <div class="col">
        <h6 class="card-title">Endereço</h6>
        <p class="card-text" id="labelEndereco">
            ` + enderecoFormatado + `
        </p>
    </div>
`;

Isso tira quase toda a vantagem de usar template strings.

Pode fazer no php puro e não passará por esse problema.

Você quer dizer sem usar o Scriptcase? Ou eu criaria o código do front-end em uma biblioteca externa e importaria no projeto para evitar que as macros do SC sejam traduzidas?

pode ser via biblioteca externa sim.