на JS...
Хватаем текстовое содержимое элемента, с помощью регулярного выражения находим тот кусок, который надо обернуть в span, выполняем замену, записываем результат обратно в элемент, но уже не как текст, а как разметку:
document.querySelectorAll('.scroll_list li').forEach(n => {
n.innerHTML = n.innerText.replace(/\d+ шт./, '<span>$&</span>');
});
...или PHP
Вот здесь точно никаких "обернуть" не надо. Разберитесь, где у вас формируется разметка страницы, и измените этот код так, чтобы нужный вам
span
создавался сразу.