Astro компонент отсутствует стили при развертывании в Vercel ⇐ CSS

[Anonymous]

Я строю веб -сайт, используя Astro и разверну его в Vercel. Один из моих компонентов, Tooer.astro, не хватает всех своих стилей только в производстве. Он работает нормально на местном уровне. Также все другие компоненты имеют стили, импортированные.

Код: Выделить всё

import "./Footer.css";

const text = {
home: "",
about: "",
services: "",
};



[list]
[*]
[url=/]{text.home}[/url]

[*]
[url=/about]{text.about}[/url]

[*]
[url=/services]{text.services}[/url]

[/list]

footer.css

Код: Выделить всё

#cs-footer {
background-color: var(--lighterPrimaryBackground);
padding: clamp(2.5rem, 7.9vw, 6.25rem) 1rem;
padding-bottom: clamp(2.5rem, 7.9vw, 3.125rem);
}

#cs-footer .cs-container {
max-width: 80rem;
margin: auto;
}

/* ... more styles ... */

@media only screen and (min-width: 37.5rem) {
#cs-footer .cs-ul {
display: flex;
justify-content: center;
}
}

сравнение Devtools:
локальный (работа)
Производство (сломан)

Подробнее здесь: https://stackoverflow.com/questions/796 ... -to-vercel