@apply now requires a reference to tailwind css file

frontend/src/lib/components/Editor.svelte

@@ -1425,6 +1425,8 @@
 {/if}
 
 <style global lang="postcss">
+	@reference "../assets/app.css";
+
 	.editor {
 		@apply p-0;
 	}

frontend/src/lib/components/EditorBar.svelte

@@ -805,6 +805,8 @@ JsonNode ${windmillPathToCamelCaseName(path)} = JsonNode.Parse(await client.GetS
 </div>
 
 <style lang="postcss">
+	@reference "../assets/app.css";
+
 	span.green {
 		@apply text-green-600 animate-[pulse_5s_ease-in-out_infinite];
 	}

frontend/src/lib/components/FlowBuilderTutorials.svelte

@@ -83,6 +83,8 @@
 </ConfirmationModal>
 
 <style global>
+	@reference "../assets/app.css";
+
 	.driver-popover-title {
 		@apply leading-6 text-primary text-base;
 	}

frontend/src/lib/components/MapResult.svelte

@@ -135,6 +135,8 @@
 <div bind:this={mapElement} class="w-full h-[300px]"></div>
 
 <style global lang="postcss">
+	@reference "../assets/app.css";
+
 	.ol-overlaycontainer-stopevent {
 		@apply flex flex-col justify-start items-end;
 	}

frontend/src/lib/components/SimpleEditor.svelte

@@ -473,6 +473,7 @@
 {/if}
 
 <style lang="postcss">
+	@reference "../assets/app.css";
 	.editor {
 		@apply rounded-lg p-0;
 	}

frontend/src/lib/components/Summary.svelte

@@ -27,6 +27,7 @@
 </div>
 
 <style lang="postcss" global>
+	@reference "../assets/app.css";
 	.app-title {
 		@apply !block !text-sm !w-full !p-1 !px-2 !rounded !border-0 !font-semibold;
 	}

frontend/src/lib/components/apps/components/inputs/AppQuillEditor.svelte

@@ -101,6 +101,7 @@
 {/if}
 
 <style lang="postcss">
+	@reference "../../../../assets/app.css";
 	:global(.ql-toolbar) {
 		@apply rounded-t-md;
 	}

frontend/src/lib/components/apps/components/inputs/currency/CurrencyInput.svelte

@@ -182,11 +182,11 @@
 		class="
 			{inputClasses?.formatted ?? DEFAULT_CLASS_FORMATTED}
 			{isNegativeAllowed && !isZero && !isNegative
-			? inputClasses?.formattedPositive ?? DEFAULT_CLASS_FORMATTED_POSITIVE
+			? (inputClasses?.formattedPositive ?? DEFAULT_CLASS_FORMATTED_POSITIVE)
 			: ''}
-			{isZero ? inputClasses?.formattedZero ?? DEFAULT_CLASS_FORMATTED_ZERO : ''}
+			{isZero ? (inputClasses?.formattedZero ?? DEFAULT_CLASS_FORMATTED_ZERO) : ''}
 			{isNegativeAllowed && isNegative
-			? inputClasses?.formattedNegative ?? DEFAULT_CLASS_FORMATTED_NEGATIVE
+			? (inputClasses?.formattedNegative ?? DEFAULT_CLASS_FORMATTED_NEGATIVE)
 			: ''}
 		"
 		style={style ? style : noColor ? (darkMode ? 'color: white;' : 'color: black;') : ''}
@@ -203,6 +203,7 @@
 </div>
 
 <style lang="postcss">
+	@reference "../../../../../assets/app.css";
 	input.currencyInput__formatted {
 		border: 1px solid #e2e2e2;
 		padding: 10px;

frontend/src/lib/components/apps/editor/AppEditorTutorial.svelte

@@ -121,6 +121,7 @@
 </ConfirmationModal>
 
 <style global>
+	@reference "../../../assets/app.css";
 	.driver-popover-title {
 		@apply leading-6 text-primary text-base;
 	}

frontend/src/lib/components/apps/editor/inlineScriptsPanel/InlineScriptsPanelList.svelte

@@ -252,6 +252,7 @@
 <AppTutorials bind:this={appTutorials} on:reload />
 
 <style lang="postcss">
+	@reference "../../../../assets/app.css";
 	.panel-item {
 		@apply border flex gap-1 truncate font-normal justify-between w-full items-center py-1 px-2 rounded-sm duration-200;
 	}

frontend/src/lib/components/common/drawer/Drawer.svelte

@@ -94,6 +94,7 @@
 </ConditionalPortal>
 
 <style lang="postcss">
+	@reference "../../../assets/app.css";
 	.drawer {
 		position: fixed;
 		top: 0;
@@ -140,7 +141,9 @@
 		width: 100%;
 		@apply bg-surface;
 		z-index: 3;
-		transition: transform var(--duration) ease, max-width var(--duration) ease,
+		transition:
+			transform var(--duration) ease,
+			max-width var(--duration) ease,
 			max-height var(--duration) ease;
 		height: 100%;
 	}

frontend/src/lib/components/graph/FlowGraphV2.svelte

@@ -117,7 +117,7 @@
 	function onModulesChange(modules: FlowModule[]) {
 		computeSimplifiableFlow(
 			modules,
-			triggerContext?.simplifiedPoll ? get(triggerContext.simplifiedPoll) ?? false : false
+			triggerContext?.simplifiedPoll ? (get(triggerContext.simplifiedPoll) ?? false) : false
 		)
 	}
 
@@ -160,13 +160,13 @@
 			position: {
 				x: des.x
 					? // @ts-ignore
-					  (des.data.data.offset ?? 0) +
-					  // @ts-ignore
-					  des.x +
-					  (fullSize ? fullWidth : width) / 2 -
-					  boxSize.width / 2 -
-					  NODE.width / 2 -
-					  (width - fullWidth) / 2
+						(des.data.data.offset ?? 0) +
+						// @ts-ignore
+						des.x +
+						(fullSize ? fullWidth : width) / 2 -
+						boxSize.width / 2 -
+						NODE.width / 2 -
+						(width - fullWidth) / 2
 					: 0,
 				y: des.y || 0
 			}
@@ -436,6 +436,7 @@
 </div>
 
 <style lang="postcss">
+	@reference "../../assets/app.css";
 	:global(.svelte-flow__handle) {
 		opacity: 0;
 	}

frontend/src/lib/components/meltComponents/Popover.svelte

@@ -177,6 +177,7 @@
 {/if}
 
 <style lang="postcss">
+	@reference "../../assets/app.css";
 	.close {
 		@apply absolute right-1.5 top-1.5 flex h-7 w-7 items-center justify-center rounded-full;
 		@apply text-primary  transition-colors hover:bg-surface-hover;

frontend/src/lib/components/propertyPicker/ObjectViewer.svelte

@@ -247,6 +247,7 @@
 {/if}
 
 <style lang="postcss">
+	@reference "../../assets/app.css";
 	ul {
 		list-style: none;
 		@apply text-sm;