fix: address PR review comments - revert shorthand CSS properties

- Remove `declaration-block-no-redundant-longhand-properties` stylelint rule
  to avoid browser compatibility issues with modern CSS shorthands
- Revert `flex-flow` and `place-content` back to longhand properties
  in NodePreview.vue for better browser support
- Revert `inset: 0` back to longhand `top/left/right/bottom` in
  TreeExplorer.vue for browser compatibility
- Update knip.config.ts CSS compiler to properly handle `url()` wrappers
  in @import statements

Author: christian-byrne

.stylelintrc.json

@@ -9,7 +9,6 @@
   "rules": {
     "import-notation": "string",
     "font-family-no-missing-generic-family-keyword": true,
-    "declaration-block-no-redundant-longhand-properties": true,
     "declaration-property-value-no-unknown": [
       true,
       {

knip.config.ts

@@ -44,9 +44,9 @@ const config: KnipConfig = {
   compilers: {
     // https://github.com/webpro-nl/knip/issues/1008#issuecomment-3207756199
     css: (text: string) =>
-      [
-        ...text.replaceAll('plugin', 'import').matchAll(/(?<=@)import[^;]+/g)
-      ].join('\n')
+      [...text.replaceAll('plugin', 'import').matchAll(/(?<=@)import[^;]+/g)]
+        .map((match) => match[0].replace(/url\(['"]?([^'"()]+)['"]?\)/, '$1'))
+        .join('\n')
   },
   vite: {
     config: ['vite?(.*).config.mts']

src/components/common/TreeExplorer.vue

@@ -263,7 +263,10 @@ defineExpose({
 :deep(.p-tree-node-content:has(.tree-folder.can-drop))::after {
   content: '';
   position: absolute;
-  inset: 0;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
   border: 1px solid var(--p-content-color);
   pointer-events: none;
 }

src/components/node/NodePreview.vue

@@ -251,8 +251,10 @@ const truncateDefaultValue = (value: any, charLimit: number = 32): string => {
   border: 0 solid #000;
   display: flex;
   align-items: flex-end;
-  flex-flow: row-reverse nowrap;
-  place-content: flex-start flex-end;
+  flex-direction: row-reverse;
+  flex-wrap: nowrap;
+  align-content: flex-start;
+  justify-content: flex-end;
 }
 
 ._sb_inherit {