@use 'css/scss/vars' as v; оставил как было, то sass будет искать файл в ./css/scss/css/scss/vars' относительно gulpfile. Так что попробуй сократить путь при импорте до @use 'vars' as v;, чтобы там был только путь после твоего адреса в includePaths Так же нужно что-бы слайд переключался только после того как закончится видео, а не по времени, которое устанавливается в swiper, тут я вообще не понимаю как сделать
Основная идея в том, что wp хреново работает со ссылками отличающимися от тех что в бд, поэтому dev сервер запускается на отдельном порте, browsersync на ещё одном порте, а wp в обычном режиме продолжает работать на 8080. Но с vite dev-режим использует ассеты с его dev сервера, а с галпом возможно будет проще.
p.s. могу найти настройки browsersync с того проекта, если вдруг нужно