knime · ChristianAlbrecht · Feb 9, 2026 · Jan 27, 2026 · Jan 27, 2026 · Jan 27, 2026
@@ -46,7 +46,6 @@
     "consola": "catalog:",
     "lodash-es": "catalog:",
     "modern-normalize": "3.0.1",
-    "postcss": "catalog:",
     "type-fest": "4.26.1",
     "typescript": "catalog:",
     "v-calendar": "catalog:patch",

@@ -189,7 +189,7 @@ const jsonFormsDialogBindings = computed(() => ({
   </div>
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 .dialog {
   position: relative;
   display: flex;

@@ -42,7 +42,7 @@ const title = computed(() => (props.label === "" ? " " : props.label));
   </div>
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 .dialog-label {
   /**
   * This is necessary to fixate the dialog popovers

@@ -13,7 +13,7 @@ defineProps<{
   </div>
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 .error {
   position: relative;
 

@@ -29,7 +29,7 @@ withDefaults(
   </div>
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 .error-message-wrapper {
   display: flex;
   flex-direction: column;

@@ -10,7 +10,7 @@ container
   </div>
 </template>
 
-<style scoped lang="postcss">
+<style scoped>
 .flex-wrapper {
   display: flex;
   flex-direction: column;

@@ -22,7 +22,7 @@ defineProps<VueLayoutProps>();
   </div>
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 .horizontal {
   display: inline-flex;
   gap: 5px;

@@ -35,6 +35,6 @@ export default LayoutComponentWrapper;
   </div>
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 @import url("../utils/animation.css");
 </style>
@@ -36,7 +36,7 @@ const hover = ref(false);
   </div>
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 .section {
   &:not(:first-child) {
     padding-top: var(--space-16);

@@ -60,7 +60,7 @@ const hover = ref(false);
   </div>
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 .set-button {
   & span {
     margin: 0 var(--space-4);

@@ -12,7 +12,7 @@ defineProps<{ elements: UISchemaElement[] }>();
   </div>
 </template>
 
-<style scoped lang="postcss">
+<style scoped>
 .vertical-layout {
   display: flex;
   flex-direction: column;

@@ -15,7 +15,7 @@ defineProps<{
   </div>
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 .section-header {
   position: sticky;
   top: 0;

@@ -96,7 +96,7 @@ const styleOverrides = computed(() => ({
   </Teleport>
 </template>
 
-<style scoped lang="postcss">
+<style scoped>
 .side-drawer-content {
   display: flex;
   flex-direction: column;
@@ -116,7 +116,7 @@ const styleOverrides = computed(() => ({
 }
 </style>
 
-<style lang="postcss">
+<style>
 /* Adjust the z-index of the side drawer to fix dialogue popovers */
 * {
   --z-index-common-side-drawer: 3;

@@ -35,7 +35,7 @@ const styleOverrides = computed(() => ({
   </div>
 </template>
 
-<style scoped lang="postcss">
+<style scoped>
 .flex-horizontal {
   display: flex;
   align-items: center;

@@ -20,7 +20,7 @@ onMounted(() => {
   </div>
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 /* TODO UIEXT-2167: Move skeleton to common repo */
 @import url("./skeleton.css");
 

@@ -33,7 +33,7 @@ const hover = ref(false);
   </div>
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 .checkbox-input {
   /**
    * This is necessary to fixate the dialog popovers

@@ -42,7 +42,7 @@ onMounted(() => {
   />
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 .checkboxes {
   margin-bottom: -10px;
 }

@@ -102,7 +102,7 @@ const temporalTypeModel = computed({
   </div>
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 .control-container {
   display: flex;
   flex-direction: column;

@@ -10,7 +10,7 @@ defineProps<VueControlPropsForLabelContent<string>>();
   <RadioControlBase v-bind="$props" type="radio" class="radio" />
 </template>
 
-<style scoped lang="postcss">
+<style scoped>
 .radio {
   margin-bottom: -10px;
 }

@@ -186,7 +186,7 @@ const controlElement = ref<typeof SortList | null>(null);
   </LabeledControl>
 </template>
 
-<style scoped lang="postcss">
+<style scoped>
 .flex {
   display: flex;
   flex-direction: row;

@@ -18,7 +18,7 @@ defineProps<VueControlPropsForLabelContent<string>>();
   />
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 .text-area-input {
   max-width: 100%;
 

@@ -68,7 +68,7 @@ const choices = computed(() => options.value?.possibleValues ?? []);
   </div>
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 .layout-container {
   display: flex;
   flex-direction: column;

@@ -93,7 +93,7 @@ const possibleValues = computed(() => {
   </Dropdown>
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 .data-type-entry.with-type {
   display: flex;
   gap: var(--space-4);

@@ -9,7 +9,7 @@ import { LoadingIcon } from "@knime/components";
   </div>
 </template>
 
-<style scoped lang="postcss">
+<style scoped>
 .info {
   display: flex;
   flex-direction: column;

@@ -69,7 +69,7 @@ watch(() => props.linkTool.props.isActive.value, onIsActiveChange);
   </dialog>
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 dialog {
   padding: 0;
   border: none;

@@ -86,7 +86,7 @@ const linkToolOptions = computed<typeof defaultLinkToolOptions>(() =>
   </RichTextEditor>
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 .editor {
   height: 100%;
 

@@ -115,7 +115,7 @@ const twinlistSize = computed(
   />
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 .twinlist :deep(.lists .multiselect-list-box [role="listbox"]) {
   font-size: 13px;
 }

@@ -240,7 +240,7 @@ const rightLabel = computed(() => includedLabel ?? props.twinlistRightLabel);
   </MultiModeTwinList>
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 .data-type-entry {
   display: flex;
   gap: var(--space-4);

@@ -60,7 +60,7 @@ const withTypes = computed(() => props.possibleValues?.some((v) => v.type));
   </Twinlist>
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 .data-type-entry {
   display: flex;
   gap: var(--space-4);

@@ -1,6 +1,5 @@
 import { defineConfig } from "vite";
 import vue from "@vitejs/plugin-vue";
-import postcss from "postcss";
 import dts from "vite-plugin-dts";
 import svgLoader from "vite-svg-loader";
 
@@ -15,7 +14,6 @@ export default defineConfig({
       tsconfigPath: "tsconfig.app.json",
     }),
   ],
-  css: { postcss },
   build: {
     lib: {
       entry: {