Изменения в CSS-файле не влияют на React-Slick

Я пытаюсь изменить стили карусели React-Slick, которые я использую в своем проекте GatsbyJS. В моем компоненте Слайдер я импортирую библиотеку так, как это показано в официальных документах:

import Slider from "react-slick"
import "slick-carousel/slick/slick.css"
import "slick-carousel/slick/slick-theme.css"

Теперь я хочу изменить стили карусели, поэтому я перехожу к node_modules/slick-carousel/slick/slick.css и редактирую некоторые стили. Но это не влияет на внешний вид карусели. В инструментах разработчика моего браузера я вижу, что стили для карусели взяты из Commons.css. И эти стили являются оригинальными (не отредактированными). Я также редактировал файлы .меньше и .scss в той же папке, но карусель по-прежнему выглядит так же.

Хорошо. Я переименовал файлы slick.css, .less и .scss в случайные имена. Но карусель по-прежнему имеет первоначальный вид. Похоже, эти файлы ни на что не влияют. Но! Если я удалю эту строку

import "slick-carousel/slick/slick.css"

вся карусель сломана, как будто в ней вообще нет css.

Поэтому мне интересно, почему это так работает? И как изменить стили карусели React-Slick?