Почему браузеры Firefox и Safari переименовывают файлы стилей?

Различные браузеры имеют разные способы кэширования ресурсов, включая файлы CSS. Некоторые браузеры, такие как Firefox и Safari, могут автоматически переименовывать файлы стилей при обновлении страницы, чтобы обеспечить корректную загрузку последней версии файла. Это делается для того, чтобы избежать проблемы кэширования устаревших версий файлов стилей.

Когда браузер видит, что файл стиля изменился, но его имя осталось прежним, он может не обновить его и продолжит использовать старую версию файла из кэша. Переименование файла стиля при обновлении позволяет избежать этой проблемы, поскольку браузер будет загружать обновленный файл с новым именем.

Изменение названия подключенных CSS файлов также может помочь в предотвращении конфликтов с другими файлами стилей на странице, особенно если они имеют одинаковые имена.

Если у вас возникают проблемы с относительными путями к изображениям и иконкам из-за этого поведения браузеров, вам может потребоваться пересмотреть свою структуру файлов и пути к ресурсам, чтобы убедиться, что они правильно настроены и корректно указаны в вашем CSS коде. Использование абсолютных путей к ресурсам также может помочь избежать проблем с переименованием файлов стилей.

У вас в vendor.js скрипт который зачем-то заменяет файлы стилей на блобы. 
 
 
document.querySelectorAll('link').forEach((e => t(e)))

function t(e){"text/css"!=e.type&&"stylesheet"!=e.rel||!e.href||new URL(e.href,document.baseURI).origin==location.origin&&fetch(e.getAttribute("href")).then((async t=>{const i=await t.text();let n=Pt.transpileStyleSheet(i,!0);if(n=Pt.transpileStyleSheet(i,!1),n!=i){const t=new Blob([n],{type:"text/css"}),i=URL.createObjectURL(t);e.setAttribute("href",i)}}))}