use css instead of scss; bump deps

package.json

@@ -10,18 +10,18 @@
     "format": "prettier --write src/"
   },
   "devDependencies": {
-    "@types/node": "^22.5.5",
-    "prettier": "^3.3.3",
-    "sass": "^1.78.0",
-    "typescript": "^5.6.2",
-    "vite": "^5.4.6",
-    "vue": "^3.5.6"
+    "@types/node": "^22.10.2",
+    "prettier": "^3.4.2",
+    "sass-embedded": "^1.83.0",
+    "typescript": "^5.7.2",
+    "vite": "^6.0.6",
+    "vue": "^3.5.13"
   },
   "dependencies": {
-    "@vitejs/plugin-vue": "^5.1.3",
-    "bulma": "^1.0.2",
-    "chart.js": "^4.4.4",
-    "vue-chartjs": "^5.3.1",
-    "vue-tsc": "^2.1.6"
+    "@vitejs/plugin-vue": "^5.2.1",
+    "bulma": "^1.0.3",
+    "chart.js": "^4.4.7",
+    "vue-chartjs": "^5.3.2",
+    "vue-tsc": "^2.2.0"
   }
 }

src/App.vue

@@ -86,7 +86,7 @@ function parseJson(rawJson: string) {
   </div>
 </template>
 
-<style scoped lang="scss">
+<style scoped>
 .stats {
   gap: 0 2rem;
 }

src/components/BaseItem.vue

@@ -13,7 +13,7 @@ const isNotUploadable = computed(() => props.base.Objects.length >= uploadLimit)
 </script>
 
 <template>
-  <div class="card p-4">
+  <div class="card p-4 mb-5">
     <div>
       Name: <span :class="{ 'is-italic': isFreighterBase }">{{ base.Name }}</span>
     </div>

src/components/BaseList.vue

@@ -16,7 +16,7 @@ defineProps<{
   </div>
 </template>
 
-<style scoped lang="scss">
+<style scoped>
 .base-list {
   gap: 0.5rem;
 }

src/components/PartChart.vue

@@ -69,7 +69,7 @@ const options = {
   />
 </template>
 
-<style scoped lang="scss">
+<style scoped>
 .chart {
   width: min(100%, 800px);
 }

src/main.ts

@@ -1,5 +1,5 @@
 import 'bulma';
-import '@/styles/styles.scss';
+import '@/styles/styles.css';
 import App from './App.vue';
 import { createApp } from 'vue';