Remove the svelte-preprocess dev dependency, keeping global styles with a custom Vite plugin (#4003)

* Remove the svelte-preprocess dev dependency, keeping global styles with a custom Vite plugin

* More robust style tag detection

* Fix CSS regressions

Author: Keavon

frontend/package-lock.json

@@ -48,7 +48,6 @@
 		"sass": "^1.98.0",
 		"svelte": "^5.54.1",
 		"svelte-check": "^4.4.5",
-		"svelte-preprocess": "^6.0.3",
 		"tar": "^7.5.12",
 		"typescript": "^5.9.3",
 		"typescript-eslint": "^8.57.1",

frontend/package.json

@@ -75,7 +75,7 @@
 
 <MainWindow />
 
-<style lang="scss" global>
+<style lang="scss">
 	// Disable the spinning loading indicator
 	body::before,
 	body::after {

frontend/src/components/Editor.svelte

@@ -732,7 +732,7 @@
 	</LayoutRow>
 </FloatingMenu>
 
-<style lang="scss" global>
+<style lang="scss">
 	.color-picker {
 		--widget-height: 24px;
 		--picker-size: 256px;

frontend/src/components/floating-menus/ColorPicker.svelte

@@ -73,7 +73,7 @@
 	</LayoutRow>
 </FloatingMenu>
 
-<style lang="scss" global>
+<style lang="scss">
 	.dialog {
 		position: absolute;
 		pointer-events: none;

frontend/src/components/floating-menus/Dialog.svelte

@@ -63,7 +63,7 @@
 	</div>
 </FloatingMenu>
 
-<style lang="scss" global>
+<style lang="scss">
 	.eyedropper-preview {
 		pointer-events: none;
 

frontend/src/components/floating-menus/EyedropperPreview.svelte

@@ -560,7 +560,7 @@
 	</LayoutCol>
 </FloatingMenu>
 
-<style lang="scss" global>
+<style lang="scss">
 	.menu-list {
 		.search {
 			margin: 4px;

frontend/src/components/floating-menus/MenuList.svelte

@@ -136,7 +136,7 @@
 	</div>
 </LayoutCol>
 
-<style lang="scss" global>
+<style lang="scss">
 	.node-catalog {
 		max-height: 30vh;
 		min-width: 250px;

frontend/src/components/floating-menus/NodeCatalog.svelte

@@ -76,7 +76,7 @@
 	</div>
 {/if}
 
-<style lang="scss" global>
+<style lang="scss">
 	.tooltip {
 		position: absolute;
 		pointer-events: none;

frontend/src/components/floating-menus/Tooltip.svelte

@@ -11,4 +11,4 @@
 	<slot />
 {/if}
 
-<style lang="scss" global></style>
+<style lang="scss"></style>