document.body.style.setProperty("--scrollbar-width", valueScrollbar + "px");
или document.body.style.setProperty("--scrollbar-width", `${valueScrollbar}px`);
body::-webkit-scrollbar{
width: var( --scrollbar-width );
}
document.body.style.setProperty("--scrollbar-width", "20px");
bg.classList.toggle('class')
переключать этот класс, тогда можно обойтись одним обработчиком.