Merge pull request #28961 from backstage/canon-fix-css-imports

Canon - Remove side effects

.changeset/angry-plants-peel.md

@@ -0,0 +1,5 @@
+---
+'@backstage/canon': minor
+---
+
+Fix CSS imports and move CSS outputs out of the dist folder.

packages/canon/.gitignore

@@ -1,2 +1,5 @@
 # Build output
 storybook-static
+
+# CSS output
+css

packages/canon/package.json

@@ -19,11 +19,12 @@
     "directory": "packages/canon"
   },
   "license": "Apache-2.0",
-  "sideEffects": false,
+  "sideEffects": true,
   "main": "src/index.ts",
   "types": "src/index.ts",
   "files": [
-    "dist"
+    "dist",
+    "css"
   ],
   "scripts": {
     "build": "yarn build:app && yarn build:css",

packages/canon/scripts/build-css.mjs

@@ -24,7 +24,7 @@ import { glob } from 'glob';
 
 // Check if core.css and components.css exist
 const cssDir = 'src/css';
-const distDir = 'dist/css';
+const distDir = 'css';
 const componentsDir = 'src/components';
 
 // Core files