Importing deeply nested css file from third party library doesnt work

[mbcod3]

I am running latest gatsby and tried to import css file from swiper library. The css file in its main folder works fine on import

import "swiper/swiper.min.css"

But navigation and pagination css files that are deeply nested dont get imported. Css file even in components folder work but not further.

import "swiper/components/pagination/pagination.min.css"

In simple react app this is not a problem but in gatsby it is. I had to use require instead of import. It seems I need to add additional webpack config. Any help is much appreciated.