style deprecation warnings + broken carousel styles

projects/frontend/src/main.sass

@@ -1,3 +1,3 @@
 @use "sass:meta"
-@import 'normalize.css'
+@use 'normalize.css'
 @include meta.load-css('styles/embed.sass')

projects/frontend/src/styles/components/carousel.sass

@@ -1,38 +0,0 @@
-.p-carousel
-  display: flex
-  flex-direction: column
-
-.p-carousel-content-container
-  display: flex
-  flex-direction: column
-  overflow: auto
-
-.p-carousel-content
-  display: flex
-  flex-direction: row
-  gap: var(--p-carousel-content-gap)
-
-.p-carousel-prev-button, .p-carousel-next-button
-  align-self: center
-  flex-shrink: 0
-
-.p-carousel-viewport
-  width: 100%
-  overflow: hidden
-
-.p-carousel-item-list
-  display: flex
-  flex-direction: row
-
-.p-carousel-item
-  display: flex
-
-.p-carousel-indicator-list
-  display: flex
-  flex-direction: row
-  justify-content: center
-  flex-wrap: wrap
-  padding: 1rem
-  gap: 1rem
-  margin: 0
-  list-style: none

projects/frontend/src/views/gallery/gallery-view.vue

@@ -122,5 +122,5 @@ onMounted(async () => {
 </template>
 
 <style lang="sass">
-@import 'src/styles/components/carousel.sass'
+
 </style>