@telegraph/style-engine 0.3.0 → 0.3.2

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @telegraph/style-engine
 
+## 0.3.2
+
+### Patch Changes
+
+- [#740](https://github.com/knocklabs/telegraph/pull/740) [`3de7713`](https://github.com/knocklabs/telegraph/commit/3de7713a8a4bba66ad07e8b3eb40acffcf79b5a4) Thanks [@kylemcd](https://github.com/kylemcd)! - Fix PostCSS plugin not discovering @telegraph/\* deps in monorepo builds
+
+  The plugin always read from `process.cwd()/package.json` to find which packages to inject CSS for. In a Turborepo monorepo, `process.cwd()` is the repo root — which has no `@telegraph/*` deps — so nothing was injected. This caused `@telegraph/toggle` CSS to be silently missing when using `@telegraph components`.
+
+  The fix uses `root.source?.input?.file` (the absolute path of the CSS file being processed) to walk up and find the nearest `package.json`, which is always the consumer package rather than the repo root. Also fixes `dep.path` resolution for both `workspace:` and semver deps that are hoisted to the monorepo root's `node_modules`.
+
+## 0.3.1
+
+### Patch Changes
+
+- Updated dependencies [[`d3b6fee`](https://github.com/knocklabs/telegraph/commit/d3b6fee0e7cd308151efdc5921164d324ccaf045)]:
+  - @telegraph/tokens@0.2.0
+
 ## 0.3.0
 
 ### Minor Changes

package/dist/cjs/postcss.js

@@ -1,2 +1,2 @@
-"use strict";const a=require("node:path"),l=require("node:fs"),m=require("postcss");function y(t=process.cwd()){let e=t,s=!0;for(;s;){const n=a.join(e,"package.json");if(l.existsSync(n))try{if(JSON.parse(l.readFileSync(n,"utf8")).workspaces)return e}catch{}const r=a.dirname(e);r===e&&(s=!1),e=r}}const d=(t,e)=>{var s;if(!(!t.dependencies||((s=Object.keys(t.dependencies))==null?void 0:s.length)===0))return Object.entries(t.dependencies).reduce((n,[r,c])=>(r.startsWith("@telegraph/")&&(n[r]={name:r,version:c,path:a.resolve(e,"node_modules",r)}),n),{})};function v(){const t=a.resolve(process.cwd(),"package.json"),e=JSON.parse(l.readFileSync(t,"utf8")),s=d(e,process.cwd()),n=y(),r=c=>{if(!c||Object.keys(c).length===0)return c;const i={...c};for(const u of Object.values(c)){let o,p;u.version.includes("workspace:")&&n?(o=a.resolve(n,"node_modules",u.name,"package.json"),p=n):(o=a.resolve(process.cwd(),"node_modules",u.name,"package.json"),p=process.cwd());try{const g=JSON.parse(l.readFileSync(o,"utf8")),h=d(g,p);if(Object.assign(i,h),h){const k=r(h);Object.assign(i,k)}}catch{continue}}return i};return s?r(s):{}}function f({fileName:t="default.css",path:e}){try{const s=`${e}/dist/css/${t}`,n=a.resolve(s);return l.existsSync(n)?l.readFileSync(n,"utf8"):null}catch{return null}}const j=async({root:t,config:e})=>{const s=v(),n=e.components===!0?Object.values(s).filter(o=>!o.name.includes("@telegraph/tokens")):[],r=e.tokens.length>0?Object.values(s).filter(o=>o.name.includes("@telegraph/tokens")):[],c=n.map(o=>f({path:o.path})).filter(Boolean),i=e.tokens.map(o=>r.map(g=>f({path:g.path,fileName:`${o}.css`})).filter(Boolean)).filter(Boolean),u=[...c,...i];for(const o of u){const p=m.parse(o);t.append(p)}},O=()=>({postcssPlugin:"@telegraph/style-engine",plugins:[{postcssPlugin:"telegraph",AtRule:{telegraph(){}},async Once(t){const e={tokens:[],components:!1};t.walkAtRules("telegraph",s=>{s.params==="components"&&(e.components=!0,s.remove()),s.params==="tokens-light"&&(e.tokens.push("light"),s.remove()),s.params==="tokens-dark"&&(e.tokens.push("dark"),s.remove()),s.params==="tokens"&&(e.tokens.push("default"),s.remove())}),await j({root:t,config:{tokens:e.tokens,components:e.components}})}}]}),P=Object.assign(O,{postcss:!0});module.exports=P;
+"use strict";const i=require("node:path"),p=require("node:fs"),P=require("postcss");function j(t){let s=t;for(;;){const e=i.join(s,"package.json");if(p.existsSync(e))return s;const n=i.dirname(s);if(n===s)return;s=n}}function O(t=process.cwd()){let s=t,e=!0;for(;e;){const n=i.join(s,"package.json");if(p.existsSync(n))try{if(JSON.parse(p.readFileSync(n,"utf8")).workspaces)return s}catch{}const c=i.dirname(s);c===s&&(e=!1),s=c}}const m=(t,s)=>{var e;if(!(!t.dependencies||((e=Object.keys(t.dependencies))==null?void 0:e.length)===0))return Object.entries(t.dependencies).reduce((n,[c,o])=>(c.startsWith("@telegraph/")&&(n[c]={name:c,version:o,path:i.resolve(s,"node_modules",c)}),n),{})};function S(t){const s=t?i.dirname(t):process.cwd(),e=j(s)??process.cwd(),n=i.resolve(e,"package.json"),c=JSON.parse(p.readFileSync(n,"utf8")),o=m(c,e),l=O(e),k=u=>{if(!u||Object.keys(u).length===0)return u;const r={...u};for(const a of Object.values(u)){let d,f;if(a.version.includes("workspace:")&&l)d=i.resolve(l,"node_modules",a.name,"package.json"),f=l,r[a.name]={...a,path:i.resolve(l,"node_modules",a.name)};else{const h=i.resolve(e,"node_modules",a.name,"package.json"),g=l&&i.resolve(l,"node_modules",a.name,"package.json");p.existsSync(h)?(d=h,f=e):g&&p.existsSync(g)?(d=g,f=l,r[a.name]={...a,path:i.resolve(l,"node_modules",a.name)}):(d=h,f=e)}try{const h=JSON.parse(p.readFileSync(d,"utf8")),g=m(h,f);if(Object.assign(r,g),g){const y=k(g);Object.assign(r,y)}}catch{continue}}return r};return o?k(o):{}}function v({fileName:t="default.css",path:s}){try{const e=`${s}/dist/css/${t}`,n=i.resolve(e);return p.existsSync(n)?p.readFileSync(n,"utf8"):null}catch{return null}}const F=async({root:t,cssFilePath:s,config:e})=>{const n=S(s),c=e.components===!0?Object.values(n).filter(r=>!r.name.includes("@telegraph/tokens")):[],o=e.tokens.length>0?Object.values(n).filter(r=>r.name.includes("@telegraph/tokens")):[],l=c.map(r=>v({path:r.path})).filter(Boolean),k=e.tokens.map(r=>o.map(d=>v({path:d.path,fileName:`${r}.css`})).filter(Boolean)).filter(Boolean),u=[...l,...k];for(const r of u){const a=P.parse(r);t.append(a)}},J=()=>({postcssPlugin:"@telegraph/style-engine",plugins:[{postcssPlugin:"telegraph",AtRule:{telegraph(){}},async Once(t){var n,c;const s=(c=(n=t.source)==null?void 0:n.input)==null?void 0:c.file,e={tokens:[],components:!1};t.walkAtRules("telegraph",o=>{o.params==="components"&&(e.components=!0,o.remove()),o.params==="tokens-light"&&(e.tokens.push("light"),o.remove()),o.params==="tokens-dark"&&(e.tokens.push("dark"),o.remove()),o.params==="tokens"&&(e.tokens.push("default"),o.remove())}),await F({root:t,cssFilePath:s,config:{tokens:e.tokens,components:e.components}})}}]}),b=Object.assign(J,{postcss:!0});module.exports=b;
 //# sourceMappingURL=postcss.js.map

package/dist/cjs/postcss.js.map

@@ -1 +1 @@
-{"version":3,"file":"postcss.js","sources":["../../src/plugins/postcss.ts"],"sourcesContent":["import { type AcceptedPlugin, type PluginCreator, type Root } from \"postcss\";\n\n// Using require() instead of import to prevent ESM-related bugs in PostCSS.\n// ESM = ECMAScript Modules (the import/export syntax)\n// eslint-disable-next-line @typescript-eslint/no-require-imports\nconst nodePath = require(\"node:path\");\n// eslint-disable-next-line @typescript-eslint/no-require-imports\nconst nodeFs = require(\"node:fs\");\n// eslint-disable-next-line @typescript-eslint/no-require-imports\nconst postcss = require(\"postcss\");\n\ntype PkgJson = {\n  dependencies?: Record<string, string>;\n  devDependencies?: Record<string, string>;\n};\n\ntype DepObject = Record<\n  string,\n  {\n    name: string;\n    version: string;\n    path: string;\n  }\n>;\n\n/**\n * Traverses up the directory tree to find the root of the monorepo by looking for a package.json with workspaces.\n * This is needed to properly resolve workspace dependencies in a monorepo setup.\n */\nfunction findMonorepoRoot(start = process.cwd()): string | undefined {\n  let current = start;\n  let run = true;\n\n  while (run) {\n    const pkgJsonPath = nodePath.join(current, \"package.json\");\n    if (nodeFs.existsSync(pkgJsonPath)) {\n      try {\n        const pkg = JSON.parse(nodeFs.readFileSync(pkgJsonPath, \"utf8\"));\n        if (pkg.workspaces) {\n          return current;\n        }\n      } catch {\n        // malformed package.json, skip\n      }\n    }\n\n    const parent = nodePath.dirname(current);\n    if (parent === current) run = false;\n    current = parent;\n  }\n\n  return undefined;\n}\n\n/**\n * Extracts all @telegraph/* dependencies from a package.json file and returns them with their paths.\n * This is used to find all Telegraph packages that might contain CSS we need to include.\n */\nconst getTelegraphDepsFromPackageJson = (\n  pkg: PkgJson,\n  pkgPath: string,\n): DepObject | undefined => {\n  if (!pkg.dependencies || Object.keys(pkg.dependencies)?.length === 0) return;\n\n  return Object.entries(pkg.dependencies).reduce((acc, [dep, version]) => {\n    if (dep.startsWith(\"@telegraph/\")) {\n      acc[dep] = {\n        name: dep,\n        version,\n        path: nodePath.resolve(pkgPath, \"node_modules\", dep),\n      };\n    }\n    return acc;\n  }, {} as DepObject);\n};\n\n/**\n * Gets all Telegraph dependencies recursively, including dependencies of dependencies.\n * Handles both normal npm dependencies and workspace dependencies in a monorepo.\n */\nfunction getTelegraphDeps(): DepObject {\n  const pkgPath = nodePath.resolve(process.cwd(), \"package.json\");\n  const pkg = JSON.parse(nodeFs.readFileSync(pkgPath, \"utf8\"));\n  const topLevelDeps = getTelegraphDepsFromPackageJson(pkg, process.cwd());\n  const monorepoRoot = findMonorepoRoot();\n\n  const recursivelyGetTelegraphDeps = (deps: DepObject): DepObject => {\n    if (!deps || Object.keys(deps).length === 0) {\n      return deps;\n    }\n\n    const allDeps = { ...deps };\n\n    for (const dep of Object.values(deps)) {\n      let pkgJsonPath: string;\n      let searchPath: string;\n\n      if (dep.version.includes(\"workspace:\") && monorepoRoot) {\n        pkgJsonPath = nodePath.resolve(\n          monorepoRoot,\n          \"node_modules\",\n          dep.name,\n          \"package.json\",\n        );\n        searchPath = monorepoRoot;\n      } else {\n        pkgJsonPath = nodePath.resolve(\n          process.cwd(),\n          \"node_modules\",\n          dep.name,\n          \"package.json\",\n        );\n        searchPath = process.cwd();\n      }\n\n      try {\n        const pkgJson = JSON.parse(nodeFs.readFileSync(pkgJsonPath, \"utf8\"));\n        const deps = getTelegraphDepsFromPackageJson(pkgJson, searchPath);\n\n        // Merge new dependencies into allDeps\n        Object.assign(allDeps, deps);\n\n        if (deps) {\n          // Recursively get dependencies of dependencies\n          const nestedDeps = recursivelyGetTelegraphDeps(deps);\n          Object.assign(allDeps, nestedDeps);\n        }\n      } catch (_err) {\n        // Skip if package.json cannot be read\n        continue;\n      }\n    }\n\n    return allDeps;\n  };\n\n  if (topLevelDeps) {\n    return recursivelyGetTelegraphDeps(topLevelDeps);\n  }\n\n  return {};\n}\n\ntype GetCssStylesParams = {\n  fileName?: string;\n  path: string;\n};\n\n/**\n * Reads CSS file content from a Telegraph package's dist/css directory.\n * Returns null if the file doesn't exist or can't be read.\n */\nfunction getCssStyles({\n  fileName = \"default.css\",\n  path,\n}: GetCssStylesParams): string | null {\n  try {\n    const cssPath = `${path}/dist/css/${fileName}`;\n    const pkgPath = nodePath.resolve(cssPath);\n\n    if (nodeFs.existsSync(pkgPath)) {\n      return nodeFs.readFileSync(pkgPath, \"utf8\");\n    }\n\n    return null;\n  } catch {\n    return null;\n  }\n}\n\ntype BuildTelegraphCssParams = {\n  root: Root;\n  config: {\n    tokens: Array<\"light\" | \"dark\" | \"default\">;\n    components: boolean;\n  };\n};\n\n/**\n * Main function that builds the final CSS by:\n * 1. Getting all Telegraph dependencies\n * 2. Filtering for either token packages or component packages based on config\n * 3. Reading their CSS files\n * 4. Appending all CSS to the PostCSS Root node\n */\nconst buildTelegraphCss = async ({ root, config }: BuildTelegraphCssParams) => {\n  const deps = getTelegraphDeps();\n\n  const depsWithoutTokens =\n    config.components === true\n      ? Object.values(deps).filter(\n          (dep) => !dep.name.includes(\"@telegraph/tokens\"),\n        )\n      : [];\n\n  const tokensDeps =\n    config.tokens.length > 0\n      ? Object.values(deps).filter((dep) =>\n          dep.name.includes(\"@telegraph/tokens\"),\n        )\n      : [];\n\n  const cssFiles = depsWithoutTokens\n    .map((dep) => getCssStyles({ path: dep.path }))\n    .filter(Boolean) as Array<string>;\n\n  const tokensCssFiles = config.tokens\n    .map((token) => {\n      const cssFile = tokensDeps.map((dep) =>\n        getCssStyles({ path: dep.path, fileName: `${token}.css` }),\n      );\n\n      return cssFile.filter(Boolean) as Array<string>;\n    })\n    .filter(Boolean);\n\n  const allCssFiles = [...cssFiles, ...tokensCssFiles];\n\n  for (const content of allCssFiles) {\n    const parsed = postcss.parse(content);\n    root.append(parsed);\n  }\n};\n\n/**\n * PostCSS plugin that processes @telegraph rules in CSS files.\n * It looks for @telegraph tokens, @telegraph tokens-light, @telegraph tokens-dark,\n * and @telegraph components rules and includes the appropriate CSS from Telegraph packages.\n */\nconst styleEnginePostCssPlugin = (): AcceptedPlugin => {\n  return {\n    postcssPlugin: \"@telegraph/style-engine\",\n    plugins: [\n      {\n        postcssPlugin: \"telegraph\",\n        AtRule: {\n          telegraph() {},\n        },\n        async Once(root) {\n          const run = {\n            tokens: [] as BuildTelegraphCssParams[\"config\"][\"tokens\"],\n            components: false,\n          };\n          root.walkAtRules(\"telegraph\", (atRule) => {\n            if (atRule.params === \"components\") {\n              run.components = true;\n              atRule.remove();\n            }\n\n            if (atRule.params === \"tokens-light\") {\n              run.tokens.push(\"light\");\n              atRule.remove();\n            }\n\n            if (atRule.params === \"tokens-dark\") {\n              run.tokens.push(\"dark\");\n              atRule.remove();\n            }\n\n            if (atRule.params === \"tokens\") {\n              run.tokens.push(\"default\");\n              atRule.remove();\n            }\n          });\n\n          await buildTelegraphCss({\n            root,\n            config: {\n              tokens: run.tokens,\n              components: run.components,\n            },\n          });\n        },\n      },\n    ],\n  };\n};\n\nexport default Object.assign(styleEnginePostCssPlugin, {\n  postcss: true,\n}) as PluginCreator<Record<string, never>>;\n"],"names":["nodePath","nodeFs","postcss","findMonorepoRoot","start","current","run","pkgJsonPath","parent","getTelegraphDepsFromPackageJson","pkg","pkgPath","_a","acc","dep","version","getTelegraphDeps","topLevelDeps","monorepoRoot","recursivelyGetTelegraphDeps","deps","allDeps","searchPath","pkgJson","nestedDeps","getCssStyles","fileName","path","cssPath","buildTelegraphCss","root","config","depsWithoutTokens","tokensDeps","cssFiles","tokensCssFiles","token","allCssFiles","content","parsed","styleEnginePostCssPlugin","atRule","postcss$1"],"mappings":"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"}
+{"version":3,"file":"postcss.js","sources":["../../src/plugins/postcss.ts"],"sourcesContent":["import { type AcceptedPlugin, type PluginCreator, type Root } from \"postcss\";\n\n// Using require() instead of import to prevent ESM-related bugs in PostCSS.\n// ESM = ECMAScript Modules (the import/export syntax)\n// eslint-disable-next-line @typescript-eslint/no-require-imports\nconst nodePath = require(\"node:path\");\n// eslint-disable-next-line @typescript-eslint/no-require-imports\nconst nodeFs = require(\"node:fs\");\n// eslint-disable-next-line @typescript-eslint/no-require-imports\nconst postcss = require(\"postcss\");\n\ntype PkgJson = {\n  dependencies?: Record<string, string>;\n  devDependencies?: Record<string, string>;\n};\n\ntype DepObject = Record<\n  string,\n  {\n    name: string;\n    version: string;\n    path: string;\n  }\n>;\n\n/**\n * Traverses up the directory tree from a given start path to find the nearest package.json.\n * Returns the directory containing that package.json, or undefined if none is found.\n * Used to resolve the correct consumer package when process.cwd() may be the monorepo root.\n */\nfunction findNearestPackageJsonDir(start: string): string | undefined {\n  let current = start;\n\n  while (true) {\n    const pkgJsonPath = nodePath.join(current, \"package.json\");\n    if (nodeFs.existsSync(pkgJsonPath)) {\n      return current;\n    }\n\n    const parent = nodePath.dirname(current);\n    if (parent === current) return undefined;\n    current = parent;\n  }\n}\n\n/**\n * Traverses up the directory tree to find the root of the monorepo by looking for a package.json with workspaces.\n * This is needed to properly resolve workspace dependencies in a monorepo setup.\n */\nfunction findMonorepoRoot(start = process.cwd()): string | undefined {\n  let current = start;\n  let run = true;\n\n  while (run) {\n    const pkgJsonPath = nodePath.join(current, \"package.json\");\n    if (nodeFs.existsSync(pkgJsonPath)) {\n      try {\n        const pkg = JSON.parse(nodeFs.readFileSync(pkgJsonPath, \"utf8\"));\n        if (pkg.workspaces) {\n          return current;\n        }\n      } catch {\n        // malformed package.json, skip\n      }\n    }\n\n    const parent = nodePath.dirname(current);\n    if (parent === current) run = false;\n    current = parent;\n  }\n\n  return undefined;\n}\n\n/**\n * Extracts all @telegraph/* dependencies from a package.json file and returns them with their paths.\n * This is used to find all Telegraph packages that might contain CSS we need to include.\n */\nconst getTelegraphDepsFromPackageJson = (\n  pkg: PkgJson,\n  pkgPath: string,\n): DepObject | undefined => {\n  if (!pkg.dependencies || Object.keys(pkg.dependencies)?.length === 0) return;\n\n  return Object.entries(pkg.dependencies).reduce((acc, [dep, version]) => {\n    if (dep.startsWith(\"@telegraph/\")) {\n      acc[dep] = {\n        name: dep,\n        version,\n        path: nodePath.resolve(pkgPath, \"node_modules\", dep),\n      };\n    }\n    return acc;\n  }, {} as DepObject);\n};\n\n/**\n * Gets all Telegraph dependencies recursively, including dependencies of dependencies.\n * Handles both normal npm dependencies and workspace dependencies in a monorepo.\n *\n * @param cssFilePath - The absolute path of the CSS file being processed by PostCSS.\n *   When provided, we walk up from the CSS file's directory to find the nearest\n *   package.json. This ensures we read the *consumer's* package.json rather than\n *   the monorepo root's package.json (which has no @telegraph/* deps), fixing the\n *   Turborepo issue where process.cwd() is always the repo root during builds.\n */\nfunction getTelegraphDeps(cssFilePath?: string): DepObject {\n  // Prefer to start from the CSS file's directory so we find the consumer's\n  // package.json. Fall back to process.cwd() for in-memory PostCSS usage.\n  const startDir = cssFilePath ? nodePath.dirname(cssFilePath) : process.cwd();\n  const consumerDir = findNearestPackageJsonDir(startDir) ?? process.cwd();\n\n  const pkgPath = nodePath.resolve(consumerDir, \"package.json\");\n  const pkg = JSON.parse(nodeFs.readFileSync(pkgPath, \"utf8\"));\n  const topLevelDeps = getTelegraphDepsFromPackageJson(pkg, consumerDir);\n  const monorepoRoot = findMonorepoRoot(consumerDir);\n\n  const recursivelyGetTelegraphDeps = (deps: DepObject): DepObject => {\n    if (!deps || Object.keys(deps).length === 0) {\n      return deps;\n    }\n\n    const allDeps = { ...deps };\n\n    for (const dep of Object.values(deps)) {\n      let pkgJsonPath: string;\n      let searchPath: string;\n\n      if (dep.version.includes(\"workspace:\") && monorepoRoot) {\n        pkgJsonPath = nodePath.resolve(\n          monorepoRoot,\n          \"node_modules\",\n          dep.name,\n          \"package.json\",\n        );\n        searchPath = monorepoRoot;\n        // Workspace deps are hoisted to the monorepo root's node_modules.\n        // The path stored in DepObject was set relative to consumerDir when the\n        // dep was first recorded, so correct it to the monorepo root here so\n        // that getCssStyles() can find the actual dist/css/default.css file.\n        allDeps[dep.name] = {\n          ...dep,\n          path: nodePath.resolve(monorepoRoot, \"node_modules\", dep.name),\n        };\n      } else {\n        // Non-workspace dep: try consumerDir/node_modules first, then fall\n        // back to monorepoRoot/node_modules. Yarn (and other package managers)\n        // hoist all deps to the root node_modules regardless of whether they\n        // use workspace: protocol, so a pinned semver dep like \"0.1.1\" will\n        // typically live at the monorepo root, not the consumer package dir.\n        const localPkgJsonPath = nodePath.resolve(\n          consumerDir,\n          \"node_modules\",\n          dep.name,\n          \"package.json\",\n        );\n        const rootPkgJsonPath =\n          monorepoRoot &&\n          nodePath.resolve(\n            monorepoRoot,\n            \"node_modules\",\n            dep.name,\n            \"package.json\",\n          );\n\n        if (nodeFs.existsSync(localPkgJsonPath)) {\n          pkgJsonPath = localPkgJsonPath;\n          searchPath = consumerDir;\n        } else if (rootPkgJsonPath && nodeFs.existsSync(rootPkgJsonPath)) {\n          pkgJsonPath = rootPkgJsonPath;\n          searchPath = monorepoRoot!;\n          // Correct the stored path so getCssStyles() finds the right dist/css/ dir.\n          allDeps[dep.name] = {\n            ...dep,\n            path: nodePath.resolve(monorepoRoot!, \"node_modules\", dep.name),\n          };\n        } else {\n          pkgJsonPath = localPkgJsonPath; // will throw on readFileSync, caught below\n          searchPath = consumerDir;\n        }\n      }\n\n      try {\n        const pkgJson = JSON.parse(nodeFs.readFileSync(pkgJsonPath, \"utf8\"));\n        const deps = getTelegraphDepsFromPackageJson(pkgJson, searchPath);\n\n        // Merge new dependencies into allDeps\n        Object.assign(allDeps, deps);\n\n        if (deps) {\n          // Recursively get dependencies of dependencies\n          const nestedDeps = recursivelyGetTelegraphDeps(deps);\n          Object.assign(allDeps, nestedDeps);\n        }\n      } catch (_err) {\n        // Skip if package.json cannot be read\n        continue;\n      }\n    }\n\n    return allDeps;\n  };\n\n  if (topLevelDeps) {\n    return recursivelyGetTelegraphDeps(topLevelDeps);\n  }\n\n  return {};\n}\n\ntype GetCssStylesParams = {\n  fileName?: string;\n  path: string;\n};\n\n/**\n * Reads CSS file content from a Telegraph package's dist/css directory.\n * Returns null if the file doesn't exist or can't be read.\n */\nfunction getCssStyles({\n  fileName = \"default.css\",\n  path,\n}: GetCssStylesParams): string | null {\n  try {\n    const cssPath = `${path}/dist/css/${fileName}`;\n    const pkgPath = nodePath.resolve(cssPath);\n\n    if (nodeFs.existsSync(pkgPath)) {\n      return nodeFs.readFileSync(pkgPath, \"utf8\");\n    }\n\n    return null;\n  } catch {\n    return null;\n  }\n}\n\ntype BuildTelegraphCssParams = {\n  root: Root;\n  cssFilePath?: string;\n  config: {\n    tokens: Array<\"light\" | \"dark\" | \"default\">;\n    components: boolean;\n  };\n};\n\n/**\n * Main function that builds the final CSS by:\n * 1. Getting all Telegraph dependencies\n * 2. Filtering for either token packages or component packages based on config\n * 3. Reading their CSS files\n * 4. Appending all CSS to the PostCSS Root node\n */\nconst buildTelegraphCss = async ({\n  root,\n  cssFilePath,\n  config,\n}: BuildTelegraphCssParams) => {\n  const deps = getTelegraphDeps(cssFilePath);\n\n  const depsWithoutTokens =\n    config.components === true\n      ? Object.values(deps).filter(\n          (dep) => !dep.name.includes(\"@telegraph/tokens\"),\n        )\n      : [];\n\n  const tokensDeps =\n    config.tokens.length > 0\n      ? Object.values(deps).filter((dep) =>\n          dep.name.includes(\"@telegraph/tokens\"),\n        )\n      : [];\n\n  const cssFiles = depsWithoutTokens\n    .map((dep) => getCssStyles({ path: dep.path }))\n    .filter(Boolean) as Array<string>;\n\n  const tokensCssFiles = config.tokens\n    .map((token) => {\n      const cssFile = tokensDeps.map((dep) =>\n        getCssStyles({ path: dep.path, fileName: `${token}.css` }),\n      );\n\n      return cssFile.filter(Boolean) as Array<string>;\n    })\n    .filter(Boolean);\n\n  const allCssFiles = [...cssFiles, ...tokensCssFiles];\n\n  for (const content of allCssFiles) {\n    const parsed = postcss.parse(content);\n    root.append(parsed);\n  }\n};\n\n/**\n * PostCSS plugin that processes @telegraph rules in CSS files.\n * It looks for @telegraph tokens, @telegraph tokens-light, @telegraph tokens-dark,\n * and @telegraph components rules and includes the appropriate CSS from Telegraph packages.\n */\nconst styleEnginePostCssPlugin = (): AcceptedPlugin => {\n  return {\n    postcssPlugin: \"@telegraph/style-engine\",\n    plugins: [\n      {\n        postcssPlugin: \"telegraph\",\n        AtRule: {\n          telegraph() {},\n        },\n        async Once(root) {\n          // Use the CSS file's path so getTelegraphDeps walks up from the\n          // consumer package rather than from process.cwd() (which may be the\n          // monorepo root when Turborepo is running the build).\n          const cssFilePath = root.source?.input?.file;\n\n          const run = {\n            tokens: [] as BuildTelegraphCssParams[\"config\"][\"tokens\"],\n            components: false,\n          };\n          root.walkAtRules(\"telegraph\", (atRule) => {\n            if (atRule.params === \"components\") {\n              run.components = true;\n              atRule.remove();\n            }\n\n            if (atRule.params === \"tokens-light\") {\n              run.tokens.push(\"light\");\n              atRule.remove();\n            }\n\n            if (atRule.params === \"tokens-dark\") {\n              run.tokens.push(\"dark\");\n              atRule.remove();\n            }\n\n            if (atRule.params === \"tokens\") {\n              run.tokens.push(\"default\");\n              atRule.remove();\n            }\n          });\n\n          await buildTelegraphCss({\n            root,\n            cssFilePath,\n            config: {\n              tokens: run.tokens,\n              components: run.components,\n            },\n          });\n        },\n      },\n    ],\n  };\n};\n\nexport default Object.assign(styleEnginePostCssPlugin, {\n  postcss: true,\n}) as PluginCreator<Record<string, never>>;\n"],"names":["nodePath","nodeFs","postcss","findNearestPackageJsonDir","start","current","pkgJsonPath","parent","findMonorepoRoot","run","getTelegraphDepsFromPackageJson","pkg","pkgPath","_a","acc","dep","version","getTelegraphDeps","cssFilePath","startDir","consumerDir","topLevelDeps","monorepoRoot","recursivelyGetTelegraphDeps","deps","allDeps","searchPath","localPkgJsonPath","rootPkgJsonPath","pkgJson","nestedDeps","getCssStyles","fileName","path","cssPath","buildTelegraphCss","root","config","depsWithoutTokens","tokensDeps","cssFiles","tokensCssFiles","token","allCssFiles","content","parsed","styleEnginePostCssPlugin","_b","atRule","postcss$1"],"mappings":"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"}

package/dist/esm/postcss.mjs

@@ -1,83 +1,114 @@
-const a = require("node:path"), l = require("node:fs"), m = require("postcss");
-function y(t = process.cwd()) {
-  let e = t, s = !0;
-  for (; s; ) {
-    const n = a.join(e, "package.json");
-    if (l.existsSync(n))
+const i = require("node:path"), p = require("node:fs"), P = require("postcss");
+function j(t) {
+  let s = t;
+  for (; ; ) {
+    const e = i.join(s, "package.json");
+    if (p.existsSync(e))
+      return s;
+    const n = i.dirname(s);
+    if (n === s) return;
+    s = n;
+  }
+}
+function O(t = process.cwd()) {
+  let s = t, e = !0;
+  for (; e; ) {
+    const n = i.join(s, "package.json");
+    if (p.existsSync(n))
       try {
-        if (JSON.parse(l.readFileSync(n, "utf8")).workspaces)
-          return e;
+        if (JSON.parse(p.readFileSync(n, "utf8")).workspaces)
+          return s;
       } catch {
       }
-    const r = a.dirname(e);
-    r === e && (s = !1), e = r;
+    const c = i.dirname(s);
+    c === s && (e = !1), s = c;
   }
 }
-const d = (t, e) => {
-  var s;
-  if (!(!t.dependencies || ((s = Object.keys(t.dependencies)) == null ? void 0 : s.length) === 0))
-    return Object.entries(t.dependencies).reduce((n, [r, c]) => (r.startsWith("@telegraph/") && (n[r] = {
-      name: r,
-      version: c,
-      path: a.resolve(e, "node_modules", r)
+const m = (t, s) => {
+  var e;
+  if (!(!t.dependencies || ((e = Object.keys(t.dependencies)) == null ? void 0 : e.length) === 0))
+    return Object.entries(t.dependencies).reduce((n, [c, o]) => (c.startsWith("@telegraph/") && (n[c] = {
+      name: c,
+      version: o,
+      path: i.resolve(s, "node_modules", c)
     }), n), {});
 };
-function v() {
-  const t = a.resolve(process.cwd(), "package.json"), e = JSON.parse(l.readFileSync(t, "utf8")), s = d(e, process.cwd()), n = y(), r = (c) => {
-    if (!c || Object.keys(c).length === 0)
-      return c;
-    const i = { ...c };
-    for (const u of Object.values(c)) {
-      let o, p;
-      u.version.includes("workspace:") && n ? (o = a.resolve(
-        n,
-        "node_modules",
-        u.name,
-        "package.json"
-      ), p = n) : (o = a.resolve(
-        process.cwd(),
-        "node_modules",
-        u.name,
-        "package.json"
-      ), p = process.cwd());
+function S(t) {
+  const s = t ? i.dirname(t) : process.cwd(), e = j(s) ?? process.cwd(), n = i.resolve(e, "package.json"), c = JSON.parse(p.readFileSync(n, "utf8")), o = m(c, e), l = O(e), k = (u) => {
+    if (!u || Object.keys(u).length === 0)
+      return u;
+    const r = { ...u };
+    for (const a of Object.values(u)) {
+      let d, f;
+      if (a.version.includes("workspace:") && l)
+        d = i.resolve(
+          l,
+          "node_modules",
+          a.name,
+          "package.json"
+        ), f = l, r[a.name] = {
+          ...a,
+          path: i.resolve(l, "node_modules", a.name)
+        };
+      else {
+        const h = i.resolve(
+          e,
+          "node_modules",
+          a.name,
+          "package.json"
+        ), g = l && i.resolve(
+          l,
+          "node_modules",
+          a.name,
+          "package.json"
+        );
+        p.existsSync(h) ? (d = h, f = e) : g && p.existsSync(g) ? (d = g, f = l, r[a.name] = {
+          ...a,
+          path: i.resolve(l, "node_modules", a.name)
+        }) : (d = h, f = e);
+      }
       try {
-        const g = JSON.parse(l.readFileSync(o, "utf8")), h = d(g, p);
-        if (Object.assign(i, h), h) {
-          const k = r(h);
-          Object.assign(i, k);
+        const h = JSON.parse(p.readFileSync(d, "utf8")), g = m(h, f);
+        if (Object.assign(r, g), g) {
+          const y = k(g);
+          Object.assign(r, y);
         }
       } catch {
         continue;
       }
     }
-    return i;
+    return r;
   };
-  return s ? r(s) : {};
+  return o ? k(o) : {};
 }
-function f({
+function v({
   fileName: t = "default.css",
-  path: e
+  path: s
 }) {
   try {
-    const s = `${e}/dist/css/${t}`, n = a.resolve(s);
-    return l.existsSync(n) ? l.readFileSync(n, "utf8") : null;
+    const e = `${s}/dist/css/${t}`, n = i.resolve(e);
+    return p.existsSync(n) ? p.readFileSync(n, "utf8") : null;
   } catch {
     return null;
   }
 }
-const j = async ({ root: t, config: e }) => {
-  const s = v(), n = e.components === !0 ? Object.values(s).filter(
-    (o) => !o.name.includes("@telegraph/tokens")
-  ) : [], r = e.tokens.length > 0 ? Object.values(s).filter(
-    (o) => o.name.includes("@telegraph/tokens")
-  ) : [], c = n.map((o) => f({ path: o.path })).filter(Boolean), i = e.tokens.map((o) => r.map(
-    (g) => f({ path: g.path, fileName: `${o}.css` })
-  ).filter(Boolean)).filter(Boolean), u = [...c, ...i];
-  for (const o of u) {
-    const p = m.parse(o);
-    t.append(p);
+const F = async ({
+  root: t,
+  cssFilePath: s,
+  config: e
+}) => {
+  const n = S(s), c = e.components === !0 ? Object.values(n).filter(
+    (r) => !r.name.includes("@telegraph/tokens")
+  ) : [], o = e.tokens.length > 0 ? Object.values(n).filter(
+    (r) => r.name.includes("@telegraph/tokens")
+  ) : [], l = c.map((r) => v({ path: r.path })).filter(Boolean), k = e.tokens.map((r) => o.map(
+    (d) => v({ path: d.path, fileName: `${r}.css` })
+  ).filter(Boolean)).filter(Boolean), u = [...l, ...k];
+  for (const r of u) {
+    const a = P.parse(r);
+    t.append(a);
   }
-}, O = () => ({
+}, J = () => ({
   postcssPlugin: "@telegraph/style-engine",
   plugins: [
     {
@@ -87,14 +118,16 @@ const j = async ({ root: t, config: e }) => {
         }
       },
       async Once(t) {
-        const e = {
+        var n, c;
+        const s = (c = (n = t.source) == null ? void 0 : n.input) == null ? void 0 : c.file, e = {
           tokens: [],
           components: !1
         };
-        t.walkAtRules("telegraph", (s) => {
-          s.params === "components" && (e.components = !0, s.remove()), s.params === "tokens-light" && (e.tokens.push("light"), s.remove()), s.params === "tokens-dark" && (e.tokens.push("dark"), s.remove()), s.params === "tokens" && (e.tokens.push("default"), s.remove());
-        }), await j({
+        t.walkAtRules("telegraph", (o) => {
+          o.params === "components" && (e.components = !0, o.remove()), o.params === "tokens-light" && (e.tokens.push("light"), o.remove()), o.params === "tokens-dark" && (e.tokens.push("dark"), o.remove()), o.params === "tokens" && (e.tokens.push("default"), o.remove());
+        }), await F({
           root: t,
+          cssFilePath: s,
           config: {
             tokens: e.tokens,
             components: e.components
@@ -103,10 +136,10 @@ const j = async ({ root: t, config: e }) => {
       }
     }
   ]
-}), P = Object.assign(O, {
+}), b = Object.assign(J, {
   postcss: !0
 });
 export {
-  P as default
+  b as default
 };
 //# sourceMappingURL=postcss.mjs.map

package/dist/esm/postcss.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"postcss.mjs","sources":["../../src/plugins/postcss.ts"],"sourcesContent":["import { type AcceptedPlugin, type PluginCreator, type Root } from \"postcss\";\n\n// Using require() instead of import to prevent ESM-related bugs in PostCSS.\n// ESM = ECMAScript Modules (the import/export syntax)\n// eslint-disable-next-line @typescript-eslint/no-require-imports\nconst nodePath = require(\"node:path\");\n// eslint-disable-next-line @typescript-eslint/no-require-imports\nconst nodeFs = require(\"node:fs\");\n// eslint-disable-next-line @typescript-eslint/no-require-imports\nconst postcss = require(\"postcss\");\n\ntype PkgJson = {\n  dependencies?: Record<string, string>;\n  devDependencies?: Record<string, string>;\n};\n\ntype DepObject = Record<\n  string,\n  {\n    name: string;\n    version: string;\n    path: string;\n  }\n>;\n\n/**\n * Traverses up the directory tree to find the root of the monorepo by looking for a package.json with workspaces.\n * This is needed to properly resolve workspace dependencies in a monorepo setup.\n */\nfunction findMonorepoRoot(start = process.cwd()): string | undefined {\n  let current = start;\n  let run = true;\n\n  while (run) {\n    const pkgJsonPath = nodePath.join(current, \"package.json\");\n    if (nodeFs.existsSync(pkgJsonPath)) {\n      try {\n        const pkg = JSON.parse(nodeFs.readFileSync(pkgJsonPath, \"utf8\"));\n        if (pkg.workspaces) {\n          return current;\n        }\n      } catch {\n        // malformed package.json, skip\n      }\n    }\n\n    const parent = nodePath.dirname(current);\n    if (parent === current) run = false;\n    current = parent;\n  }\n\n  return undefined;\n}\n\n/**\n * Extracts all @telegraph/* dependencies from a package.json file and returns them with their paths.\n * This is used to find all Telegraph packages that might contain CSS we need to include.\n */\nconst getTelegraphDepsFromPackageJson = (\n  pkg: PkgJson,\n  pkgPath: string,\n): DepObject | undefined => {\n  if (!pkg.dependencies || Object.keys(pkg.dependencies)?.length === 0) return;\n\n  return Object.entries(pkg.dependencies).reduce((acc, [dep, version]) => {\n    if (dep.startsWith(\"@telegraph/\")) {\n      acc[dep] = {\n        name: dep,\n        version,\n        path: nodePath.resolve(pkgPath, \"node_modules\", dep),\n      };\n    }\n    return acc;\n  }, {} as DepObject);\n};\n\n/**\n * Gets all Telegraph dependencies recursively, including dependencies of dependencies.\n * Handles both normal npm dependencies and workspace dependencies in a monorepo.\n */\nfunction getTelegraphDeps(): DepObject {\n  const pkgPath = nodePath.resolve(process.cwd(), \"package.json\");\n  const pkg = JSON.parse(nodeFs.readFileSync(pkgPath, \"utf8\"));\n  const topLevelDeps = getTelegraphDepsFromPackageJson(pkg, process.cwd());\n  const monorepoRoot = findMonorepoRoot();\n\n  const recursivelyGetTelegraphDeps = (deps: DepObject): DepObject => {\n    if (!deps || Object.keys(deps).length === 0) {\n      return deps;\n    }\n\n    const allDeps = { ...deps };\n\n    for (const dep of Object.values(deps)) {\n      let pkgJsonPath: string;\n      let searchPath: string;\n\n      if (dep.version.includes(\"workspace:\") && monorepoRoot) {\n        pkgJsonPath = nodePath.resolve(\n          monorepoRoot,\n          \"node_modules\",\n          dep.name,\n          \"package.json\",\n        );\n        searchPath = monorepoRoot;\n      } else {\n        pkgJsonPath = nodePath.resolve(\n          process.cwd(),\n          \"node_modules\",\n          dep.name,\n          \"package.json\",\n        );\n        searchPath = process.cwd();\n      }\n\n      try {\n        const pkgJson = JSON.parse(nodeFs.readFileSync(pkgJsonPath, \"utf8\"));\n        const deps = getTelegraphDepsFromPackageJson(pkgJson, searchPath);\n\n        // Merge new dependencies into allDeps\n        Object.assign(allDeps, deps);\n\n        if (deps) {\n          // Recursively get dependencies of dependencies\n          const nestedDeps = recursivelyGetTelegraphDeps(deps);\n          Object.assign(allDeps, nestedDeps);\n        }\n      } catch (_err) {\n        // Skip if package.json cannot be read\n        continue;\n      }\n    }\n\n    return allDeps;\n  };\n\n  if (topLevelDeps) {\n    return recursivelyGetTelegraphDeps(topLevelDeps);\n  }\n\n  return {};\n}\n\ntype GetCssStylesParams = {\n  fileName?: string;\n  path: string;\n};\n\n/**\n * Reads CSS file content from a Telegraph package's dist/css directory.\n * Returns null if the file doesn't exist or can't be read.\n */\nfunction getCssStyles({\n  fileName = \"default.css\",\n  path,\n}: GetCssStylesParams): string | null {\n  try {\n    const cssPath = `${path}/dist/css/${fileName}`;\n    const pkgPath = nodePath.resolve(cssPath);\n\n    if (nodeFs.existsSync(pkgPath)) {\n      return nodeFs.readFileSync(pkgPath, \"utf8\");\n    }\n\n    return null;\n  } catch {\n    return null;\n  }\n}\n\ntype BuildTelegraphCssParams = {\n  root: Root;\n  config: {\n    tokens: Array<\"light\" | \"dark\" | \"default\">;\n    components: boolean;\n  };\n};\n\n/**\n * Main function that builds the final CSS by:\n * 1. Getting all Telegraph dependencies\n * 2. Filtering for either token packages or component packages based on config\n * 3. Reading their CSS files\n * 4. Appending all CSS to the PostCSS Root node\n */\nconst buildTelegraphCss = async ({ root, config }: BuildTelegraphCssParams) => {\n  const deps = getTelegraphDeps();\n\n  const depsWithoutTokens =\n    config.components === true\n      ? Object.values(deps).filter(\n          (dep) => !dep.name.includes(\"@telegraph/tokens\"),\n        )\n      : [];\n\n  const tokensDeps =\n    config.tokens.length > 0\n      ? Object.values(deps).filter((dep) =>\n          dep.name.includes(\"@telegraph/tokens\"),\n        )\n      : [];\n\n  const cssFiles = depsWithoutTokens\n    .map((dep) => getCssStyles({ path: dep.path }))\n    .filter(Boolean) as Array<string>;\n\n  const tokensCssFiles = config.tokens\n    .map((token) => {\n      const cssFile = tokensDeps.map((dep) =>\n        getCssStyles({ path: dep.path, fileName: `${token}.css` }),\n      );\n\n      return cssFile.filter(Boolean) as Array<string>;\n    })\n    .filter(Boolean);\n\n  const allCssFiles = [...cssFiles, ...tokensCssFiles];\n\n  for (const content of allCssFiles) {\n    const parsed = postcss.parse(content);\n    root.append(parsed);\n  }\n};\n\n/**\n * PostCSS plugin that processes @telegraph rules in CSS files.\n * It looks for @telegraph tokens, @telegraph tokens-light, @telegraph tokens-dark,\n * and @telegraph components rules and includes the appropriate CSS from Telegraph packages.\n */\nconst styleEnginePostCssPlugin = (): AcceptedPlugin => {\n  return {\n    postcssPlugin: \"@telegraph/style-engine\",\n    plugins: [\n      {\n        postcssPlugin: \"telegraph\",\n        AtRule: {\n          telegraph() {},\n        },\n        async Once(root) {\n          const run = {\n            tokens: [] as BuildTelegraphCssParams[\"config\"][\"tokens\"],\n            components: false,\n          };\n          root.walkAtRules(\"telegraph\", (atRule) => {\n            if (atRule.params === \"components\") {\n              run.components = true;\n              atRule.remove();\n            }\n\n            if (atRule.params === \"tokens-light\") {\n              run.tokens.push(\"light\");\n              atRule.remove();\n            }\n\n            if (atRule.params === \"tokens-dark\") {\n              run.tokens.push(\"dark\");\n              atRule.remove();\n            }\n\n            if (atRule.params === \"tokens\") {\n              run.tokens.push(\"default\");\n              atRule.remove();\n            }\n          });\n\n          await buildTelegraphCss({\n            root,\n            config: {\n              tokens: run.tokens,\n              components: run.components,\n            },\n          });\n        },\n      },\n    ],\n  };\n};\n\nexport default Object.assign(styleEnginePostCssPlugin, {\n  postcss: true,\n}) as PluginCreator<Record<string, never>>;\n"],"names":["nodePath","nodeFs","postcss","findMonorepoRoot","start","current","run","pkgJsonPath","parent","getTelegraphDepsFromPackageJson","pkg","pkgPath","_a","acc","dep","version","getTelegraphDeps","topLevelDeps","monorepoRoot","recursivelyGetTelegraphDeps","deps","allDeps","searchPath","pkgJson","nestedDeps","getCssStyles","fileName","path","cssPath","buildTelegraphCss","root","config","depsWithoutTokens","tokensDeps","cssFiles","tokensCssFiles","token","allCssFiles","content","parsed","styleEnginePostCssPlugin","atRule","postcss$1"],"mappings":"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"}
+{"version":3,"file":"postcss.mjs","sources":["../../src/plugins/postcss.ts"],"sourcesContent":["import { type AcceptedPlugin, type PluginCreator, type Root } from \"postcss\";\n\n// Using require() instead of import to prevent ESM-related bugs in PostCSS.\n// ESM = ECMAScript Modules (the import/export syntax)\n// eslint-disable-next-line @typescript-eslint/no-require-imports\nconst nodePath = require(\"node:path\");\n// eslint-disable-next-line @typescript-eslint/no-require-imports\nconst nodeFs = require(\"node:fs\");\n// eslint-disable-next-line @typescript-eslint/no-require-imports\nconst postcss = require(\"postcss\");\n\ntype PkgJson = {\n  dependencies?: Record<string, string>;\n  devDependencies?: Record<string, string>;\n};\n\ntype DepObject = Record<\n  string,\n  {\n    name: string;\n    version: string;\n    path: string;\n  }\n>;\n\n/**\n * Traverses up the directory tree from a given start path to find the nearest package.json.\n * Returns the directory containing that package.json, or undefined if none is found.\n * Used to resolve the correct consumer package when process.cwd() may be the monorepo root.\n */\nfunction findNearestPackageJsonDir(start: string): string | undefined {\n  let current = start;\n\n  while (true) {\n    const pkgJsonPath = nodePath.join(current, \"package.json\");\n    if (nodeFs.existsSync(pkgJsonPath)) {\n      return current;\n    }\n\n    const parent = nodePath.dirname(current);\n    if (parent === current) return undefined;\n    current = parent;\n  }\n}\n\n/**\n * Traverses up the directory tree to find the root of the monorepo by looking for a package.json with workspaces.\n * This is needed to properly resolve workspace dependencies in a monorepo setup.\n */\nfunction findMonorepoRoot(start = process.cwd()): string | undefined {\n  let current = start;\n  let run = true;\n\n  while (run) {\n    const pkgJsonPath = nodePath.join(current, \"package.json\");\n    if (nodeFs.existsSync(pkgJsonPath)) {\n      try {\n        const pkg = JSON.parse(nodeFs.readFileSync(pkgJsonPath, \"utf8\"));\n        if (pkg.workspaces) {\n          return current;\n        }\n      } catch {\n        // malformed package.json, skip\n      }\n    }\n\n    const parent = nodePath.dirname(current);\n    if (parent === current) run = false;\n    current = parent;\n  }\n\n  return undefined;\n}\n\n/**\n * Extracts all @telegraph/* dependencies from a package.json file and returns them with their paths.\n * This is used to find all Telegraph packages that might contain CSS we need to include.\n */\nconst getTelegraphDepsFromPackageJson = (\n  pkg: PkgJson,\n  pkgPath: string,\n): DepObject | undefined => {\n  if (!pkg.dependencies || Object.keys(pkg.dependencies)?.length === 0) return;\n\n  return Object.entries(pkg.dependencies).reduce((acc, [dep, version]) => {\n    if (dep.startsWith(\"@telegraph/\")) {\n      acc[dep] = {\n        name: dep,\n        version,\n        path: nodePath.resolve(pkgPath, \"node_modules\", dep),\n      };\n    }\n    return acc;\n  }, {} as DepObject);\n};\n\n/**\n * Gets all Telegraph dependencies recursively, including dependencies of dependencies.\n * Handles both normal npm dependencies and workspace dependencies in a monorepo.\n *\n * @param cssFilePath - The absolute path of the CSS file being processed by PostCSS.\n *   When provided, we walk up from the CSS file's directory to find the nearest\n *   package.json. This ensures we read the *consumer's* package.json rather than\n *   the monorepo root's package.json (which has no @telegraph/* deps), fixing the\n *   Turborepo issue where process.cwd() is always the repo root during builds.\n */\nfunction getTelegraphDeps(cssFilePath?: string): DepObject {\n  // Prefer to start from the CSS file's directory so we find the consumer's\n  // package.json. Fall back to process.cwd() for in-memory PostCSS usage.\n  const startDir = cssFilePath ? nodePath.dirname(cssFilePath) : process.cwd();\n  const consumerDir = findNearestPackageJsonDir(startDir) ?? process.cwd();\n\n  const pkgPath = nodePath.resolve(consumerDir, \"package.json\");\n  const pkg = JSON.parse(nodeFs.readFileSync(pkgPath, \"utf8\"));\n  const topLevelDeps = getTelegraphDepsFromPackageJson(pkg, consumerDir);\n  const monorepoRoot = findMonorepoRoot(consumerDir);\n\n  const recursivelyGetTelegraphDeps = (deps: DepObject): DepObject => {\n    if (!deps || Object.keys(deps).length === 0) {\n      return deps;\n    }\n\n    const allDeps = { ...deps };\n\n    for (const dep of Object.values(deps)) {\n      let pkgJsonPath: string;\n      let searchPath: string;\n\n      if (dep.version.includes(\"workspace:\") && monorepoRoot) {\n        pkgJsonPath = nodePath.resolve(\n          monorepoRoot,\n          \"node_modules\",\n          dep.name,\n          \"package.json\",\n        );\n        searchPath = monorepoRoot;\n        // Workspace deps are hoisted to the monorepo root's node_modules.\n        // The path stored in DepObject was set relative to consumerDir when the\n        // dep was first recorded, so correct it to the monorepo root here so\n        // that getCssStyles() can find the actual dist/css/default.css file.\n        allDeps[dep.name] = {\n          ...dep,\n          path: nodePath.resolve(monorepoRoot, \"node_modules\", dep.name),\n        };\n      } else {\n        // Non-workspace dep: try consumerDir/node_modules first, then fall\n        // back to monorepoRoot/node_modules. Yarn (and other package managers)\n        // hoist all deps to the root node_modules regardless of whether they\n        // use workspace: protocol, so a pinned semver dep like \"0.1.1\" will\n        // typically live at the monorepo root, not the consumer package dir.\n        const localPkgJsonPath = nodePath.resolve(\n          consumerDir,\n          \"node_modules\",\n          dep.name,\n          \"package.json\",\n        );\n        const rootPkgJsonPath =\n          monorepoRoot &&\n          nodePath.resolve(\n            monorepoRoot,\n            \"node_modules\",\n            dep.name,\n            \"package.json\",\n          );\n\n        if (nodeFs.existsSync(localPkgJsonPath)) {\n          pkgJsonPath = localPkgJsonPath;\n          searchPath = consumerDir;\n        } else if (rootPkgJsonPath && nodeFs.existsSync(rootPkgJsonPath)) {\n          pkgJsonPath = rootPkgJsonPath;\n          searchPath = monorepoRoot!;\n          // Correct the stored path so getCssStyles() finds the right dist/css/ dir.\n          allDeps[dep.name] = {\n            ...dep,\n            path: nodePath.resolve(monorepoRoot!, \"node_modules\", dep.name),\n          };\n        } else {\n          pkgJsonPath = localPkgJsonPath; // will throw on readFileSync, caught below\n          searchPath = consumerDir;\n        }\n      }\n\n      try {\n        const pkgJson = JSON.parse(nodeFs.readFileSync(pkgJsonPath, \"utf8\"));\n        const deps = getTelegraphDepsFromPackageJson(pkgJson, searchPath);\n\n        // Merge new dependencies into allDeps\n        Object.assign(allDeps, deps);\n\n        if (deps) {\n          // Recursively get dependencies of dependencies\n          const nestedDeps = recursivelyGetTelegraphDeps(deps);\n          Object.assign(allDeps, nestedDeps);\n        }\n      } catch (_err) {\n        // Skip if package.json cannot be read\n        continue;\n      }\n    }\n\n    return allDeps;\n  };\n\n  if (topLevelDeps) {\n    return recursivelyGetTelegraphDeps(topLevelDeps);\n  }\n\n  return {};\n}\n\ntype GetCssStylesParams = {\n  fileName?: string;\n  path: string;\n};\n\n/**\n * Reads CSS file content from a Telegraph package's dist/css directory.\n * Returns null if the file doesn't exist or can't be read.\n */\nfunction getCssStyles({\n  fileName = \"default.css\",\n  path,\n}: GetCssStylesParams): string | null {\n  try {\n    const cssPath = `${path}/dist/css/${fileName}`;\n    const pkgPath = nodePath.resolve(cssPath);\n\n    if (nodeFs.existsSync(pkgPath)) {\n      return nodeFs.readFileSync(pkgPath, \"utf8\");\n    }\n\n    return null;\n  } catch {\n    return null;\n  }\n}\n\ntype BuildTelegraphCssParams = {\n  root: Root;\n  cssFilePath?: string;\n  config: {\n    tokens: Array<\"light\" | \"dark\" | \"default\">;\n    components: boolean;\n  };\n};\n\n/**\n * Main function that builds the final CSS by:\n * 1. Getting all Telegraph dependencies\n * 2. Filtering for either token packages or component packages based on config\n * 3. Reading their CSS files\n * 4. Appending all CSS to the PostCSS Root node\n */\nconst buildTelegraphCss = async ({\n  root,\n  cssFilePath,\n  config,\n}: BuildTelegraphCssParams) => {\n  const deps = getTelegraphDeps(cssFilePath);\n\n  const depsWithoutTokens =\n    config.components === true\n      ? Object.values(deps).filter(\n          (dep) => !dep.name.includes(\"@telegraph/tokens\"),\n        )\n      : [];\n\n  const tokensDeps =\n    config.tokens.length > 0\n      ? Object.values(deps).filter((dep) =>\n          dep.name.includes(\"@telegraph/tokens\"),\n        )\n      : [];\n\n  const cssFiles = depsWithoutTokens\n    .map((dep) => getCssStyles({ path: dep.path }))\n    .filter(Boolean) as Array<string>;\n\n  const tokensCssFiles = config.tokens\n    .map((token) => {\n      const cssFile = tokensDeps.map((dep) =>\n        getCssStyles({ path: dep.path, fileName: `${token}.css` }),\n      );\n\n      return cssFile.filter(Boolean) as Array<string>;\n    })\n    .filter(Boolean);\n\n  const allCssFiles = [...cssFiles, ...tokensCssFiles];\n\n  for (const content of allCssFiles) {\n    const parsed = postcss.parse(content);\n    root.append(parsed);\n  }\n};\n\n/**\n * PostCSS plugin that processes @telegraph rules in CSS files.\n * It looks for @telegraph tokens, @telegraph tokens-light, @telegraph tokens-dark,\n * and @telegraph components rules and includes the appropriate CSS from Telegraph packages.\n */\nconst styleEnginePostCssPlugin = (): AcceptedPlugin => {\n  return {\n    postcssPlugin: \"@telegraph/style-engine\",\n    plugins: [\n      {\n        postcssPlugin: \"telegraph\",\n        AtRule: {\n          telegraph() {},\n        },\n        async Once(root) {\n          // Use the CSS file's path so getTelegraphDeps walks up from the\n          // consumer package rather than from process.cwd() (which may be the\n          // monorepo root when Turborepo is running the build).\n          const cssFilePath = root.source?.input?.file;\n\n          const run = {\n            tokens: [] as BuildTelegraphCssParams[\"config\"][\"tokens\"],\n            components: false,\n          };\n          root.walkAtRules(\"telegraph\", (atRule) => {\n            if (atRule.params === \"components\") {\n              run.components = true;\n              atRule.remove();\n            }\n\n            if (atRule.params === \"tokens-light\") {\n              run.tokens.push(\"light\");\n              atRule.remove();\n            }\n\n            if (atRule.params === \"tokens-dark\") {\n              run.tokens.push(\"dark\");\n              atRule.remove();\n            }\n\n            if (atRule.params === \"tokens\") {\n              run.tokens.push(\"default\");\n              atRule.remove();\n            }\n          });\n\n          await buildTelegraphCss({\n            root,\n            cssFilePath,\n            config: {\n              tokens: run.tokens,\n              components: run.components,\n            },\n          });\n        },\n      },\n    ],\n  };\n};\n\nexport default Object.assign(styleEnginePostCssPlugin, {\n  postcss: true,\n}) as PluginCreator<Record<string, never>>;\n"],"names":["nodePath","nodeFs","postcss","findNearestPackageJsonDir","start","current","pkgJsonPath","parent","findMonorepoRoot","run","getTelegraphDepsFromPackageJson","pkg","pkgPath","_a","acc","dep","version","getTelegraphDeps","cssFilePath","startDir","consumerDir","topLevelDeps","monorepoRoot","recursivelyGetTelegraphDeps","deps","allDeps","searchPath","localPkgJsonPath","rootPkgJsonPath","pkgJson","nestedDeps","getCssStyles","fileName","path","cssPath","buildTelegraphCss","root","config","depsWithoutTokens","tokensDeps","cssFiles","tokensCssFiles","token","allCssFiles","content","parsed","styleEnginePostCssPlugin","_b","atRule","postcss$1"],"mappings":"AAKA,MAAMA,IAAW,QAAQ,WAAW,GAE9BC,IAAS,QAAQ,SAAS,GAE1BC,IAAU,QAAQ,SAAS;AAqBjC,SAASC,EAA0BC,GAAmC;AACpE,MAAIC,IAAUD;AAEd,aAAa;AACX,UAAME,IAAcN,EAAS,KAAKK,GAAS,cAAc;AACzD,QAAIJ,EAAO,WAAWK,CAAW;AAC/B,aAAOD;AAGT,UAAME,IAASP,EAAS,QAAQK,CAAO;AACvC,QAAIE,MAAWF,EAAS;AACxB,IAAAA,IAAUE;AAAA,EACZ;AACF;AAMA,SAASC,EAAiBJ,IAAQ,QAAQ,OAA2B;AACnE,MAAIC,IAAUD,GACVK,IAAM;AAEV,SAAOA,KAAK;AACV,UAAMH,IAAcN,EAAS,KAAKK,GAAS,cAAc;AACzD,QAAIJ,EAAO,WAAWK,CAAW;AAC/B,UAAI;AAEF,YADY,KAAK,MAAML,EAAO,aAAaK,GAAa,MAAM,CAAC,EACvD;AACN,iBAAOD;AAAA,MAEX,QAAQ;AAAA,MAER;AAGF,UAAME,IAASP,EAAS,QAAQK,CAAO;AACvC,IAAIE,MAAWF,MAASI,IAAM,KAC9BJ,IAAUE;AAAA,EACZ;AAGF;AAMA,MAAMG,IAAkC,CACtCC,GACAC,MAC0B;AA5E5B,MAAAC;AA6EE,MAAI,GAACF,EAAI,kBAAgBE,IAAA,OAAO,KAAKF,EAAI,YAAY,MAA5B,gBAAAE,EAA+B,YAAW;AAEnE,WAAO,OAAO,QAAQF,EAAI,YAAY,EAAE,OAAO,CAACG,GAAK,CAACC,GAAKC,CAAO,OAC5DD,EAAI,WAAW,aAAa,MAC9BD,EAAIC,CAAG,IAAI;AAAA,MACT,MAAMA;AAAA,MACN,SAAAC;AAAA,MACA,MAAMhB,EAAS,QAAQY,GAAS,gBAAgBG,CAAG;AAAA,IAAA,IAGhDD,IACN,CAAA,CAAe;AACpB;AAYA,SAASG,EAAiBC,GAAiC;AAGzD,QAAMC,IAAWD,IAAclB,EAAS,QAAQkB,CAAW,IAAI,QAAQ,IAAA,GACjEE,IAAcjB,EAA0BgB,CAAQ,KAAK,QAAQ,IAAA,GAE7DP,IAAUZ,EAAS,QAAQoB,GAAa,cAAc,GACtDT,IAAM,KAAK,MAAMV,EAAO,aAAaW,GAAS,MAAM,CAAC,GACrDS,IAAeX,EAAgCC,GAAKS,CAAW,GAC/DE,IAAed,EAAiBY,CAAW,GAE3CG,IAA8B,CAACC,MAA+B;AAClE,QAAI,CAACA,KAAQ,OAAO,KAAKA,CAAI,EAAE,WAAW;AACxC,aAAOA;AAGT,UAAMC,IAAU,EAAE,GAAGD,EAAA;AAErB,eAAWT,KAAO,OAAO,OAAOS,CAAI,GAAG;AACrC,UAAIlB,GACAoB;AAEJ,UAAIX,EAAI,QAAQ,SAAS,YAAY,KAAKO;AACxC,QAAAhB,IAAcN,EAAS;AAAA,UACrBsB;AAAA,UACA;AAAA,UACAP,EAAI;AAAA,UACJ;AAAA,QAAA,GAEFW,IAAaJ,GAKbG,EAAQV,EAAI,IAAI,IAAI;AAAA,UAClB,GAAGA;AAAA,UACH,MAAMf,EAAS,QAAQsB,GAAc,gBAAgBP,EAAI,IAAI;AAAA,QAAA;AAAA,WAE1D;AAML,cAAMY,IAAmB3B,EAAS;AAAA,UAChCoB;AAAA,UACA;AAAA,UACAL,EAAI;AAAA,UACJ;AAAA,QAAA,GAEIa,IACJN,KACAtB,EAAS;AAAA,UACPsB;AAAA,UACA;AAAA,UACAP,EAAI;AAAA,UACJ;AAAA,QAAA;AAGJ,QAAId,EAAO,WAAW0B,CAAgB,KACpCrB,IAAcqB,GACdD,IAAaN,KACJQ,KAAmB3B,EAAO,WAAW2B,CAAe,KAC7DtB,IAAcsB,GACdF,IAAaJ,GAEbG,EAAQV,EAAI,IAAI,IAAI;AAAA,UAClB,GAAGA;AAAA,UACH,MAAMf,EAAS,QAAQsB,GAAe,gBAAgBP,EAAI,IAAI;AAAA,QAAA,MAGhET,IAAcqB,GACdD,IAAaN;AAAA,MAEjB;AAEA,UAAI;AACF,cAAMS,IAAU,KAAK,MAAM5B,EAAO,aAAaK,GAAa,MAAM,CAAC,GAC7DkB,IAAOd,EAAgCmB,GAASH,CAAU;AAKhE,YAFA,OAAO,OAAOD,GAASD,CAAI,GAEvBA,GAAM;AAER,gBAAMM,IAAaP,EAA4BC,CAAI;AACnD,iBAAO,OAAOC,GAASK,CAAU;AAAA,QACnC;AAAA,MACF,QAAe;AAEb;AAAA,MACF;AAAA,IACF;AAEA,WAAOL;AAAA,EACT;AAEA,SAAIJ,IACKE,EAA4BF,CAAY,IAG1C,CAAA;AACT;AAWA,SAASU,EAAa;AAAA,EACpB,UAAAC,IAAW;AAAA,EACX,MAAAC;AACF,GAAsC;AACpC,MAAI;AACF,UAAMC,IAAU,GAAGD,CAAI,aAAaD,CAAQ,IACtCpB,IAAUZ,EAAS,QAAQkC,CAAO;AAExC,WAAIjC,EAAO,WAAWW,CAAO,IACpBX,EAAO,aAAaW,GAAS,MAAM,IAGrC;AAAA,EACT,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAkBA,MAAMuB,IAAoB,OAAO;AAAA,EAC/B,MAAAC;AAAA,EACA,aAAAlB;AAAA,EACA,QAAAmB;AACF,MAA+B;AAC7B,QAAMb,IAAOP,EAAiBC,CAAW,GAEnCoB,IACJD,EAAO,eAAe,KAClB,OAAO,OAAOb,CAAI,EAAE;AAAA,IAClB,CAACT,MAAQ,CAACA,EAAI,KAAK,SAAS,mBAAmB;AAAA,EAAA,IAEjD,CAAA,GAEAwB,IACJF,EAAO,OAAO,SAAS,IACnB,OAAO,OAAOb,CAAI,EAAE;AAAA,IAAO,CAACT,MAC1BA,EAAI,KAAK,SAAS,mBAAmB;AAAA,EAAA,IAEvC,CAAA,GAEAyB,IAAWF,EACd,IAAI,CAACvB,MAAQgB,EAAa,EAAE,MAAMhB,EAAI,KAAA,CAAM,CAAC,EAC7C,OAAO,OAAO,GAEX0B,IAAiBJ,EAAO,OAC3B,IAAI,CAACK,MACYH,EAAW;AAAA,IAAI,CAACxB,MAC9BgB,EAAa,EAAE,MAAMhB,EAAI,MAAM,UAAU,GAAG2B,CAAK,OAAA,CAAQ;AAAA,EAAA,EAG5C,OAAO,OAAO,CAC9B,EACA,OAAO,OAAO,GAEXC,IAAc,CAAC,GAAGH,GAAU,GAAGC,CAAc;AAEnD,aAAWG,KAAWD,GAAa;AACjC,UAAME,IAAS3C,EAAQ,MAAM0C,CAAO;AACpC,IAAAR,EAAK,OAAOS,CAAM;AAAA,EACpB;AACF,GAOMC,IAA2B,OACxB;AAAA,EACL,eAAe;AAAA,EACf,SAAS;AAAA,IACP;AAAA,MACE,eAAe;AAAA,MACf,QAAQ;AAAA,QACN,YAAY;AAAA,QAAC;AAAA,MAAA;AAAA,MAEf,MAAM,KAAKV,GAAM;AAjTzB,YAAAvB,GAAAkC;AAqTU,cAAM7B,KAAc6B,KAAAlC,IAAAuB,EAAK,WAAL,gBAAAvB,EAAa,UAAb,gBAAAkC,EAAoB,MAElCtC,IAAM;AAAA,UACV,QAAQ,CAAA;AAAA,UACR,YAAY;AAAA,QAAA;AAEd,QAAA2B,EAAK,YAAY,aAAa,CAACY,MAAW;AACxC,UAAIA,EAAO,WAAW,iBACpBvC,EAAI,aAAa,IACjBuC,EAAO,OAAA,IAGLA,EAAO,WAAW,mBACpBvC,EAAI,OAAO,KAAK,OAAO,GACvBuC,EAAO,OAAA,IAGLA,EAAO,WAAW,kBACpBvC,EAAI,OAAO,KAAK,MAAM,GACtBuC,EAAO,OAAA,IAGLA,EAAO,WAAW,aACpBvC,EAAI,OAAO,KAAK,SAAS,GACzBuC,EAAO,OAAA;AAAA,QAEX,CAAC,GAED,MAAMb,EAAkB;AAAA,UACtB,MAAAC;AAAA,UACA,aAAAlB;AAAA,UACA,QAAQ;AAAA,YACN,QAAQT,EAAI;AAAA,YACZ,YAAYA,EAAI;AAAA,UAAA;AAAA,QAClB,CACD;AAAA,MACH;AAAA,IAAA;AAAA,EACF;AACF,IAIJwC,IAAe,OAAO,OAAOH,GAA0B;AAAA,EACrD,SAAS;AACX,CAAC;"}

package/dist/types/plugins/postcss.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"postcss.d.ts","sourceRoot":"","sources":["../../../src/plugins/postcss.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,aAAa,EAAa,MAAM,SAAS,CAAC;wBAwRvE,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAF1C,wBAE2C"}
+{"version":3,"file":"postcss.d.ts","sourceRoot":"","sources":["../../../src/plugins/postcss.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,aAAa,EAAa,MAAM,SAAS,CAAC;wBAsWvE,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAF1C,wBAE2C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telegraph/style-engine",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "description": "A wrappar around vanilla extract to style telegraph",
   "repository": "https://github.com/knocklabs/telegraph/tree/main/packages/style-engine",
   "author": "@knocklabs",
@@ -37,7 +37,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@telegraph/tokens": "^0.1.4",
+    "@telegraph/tokens": "^0.2.0",
     "postcss": "^8.5.6"
   },
   "devDependencies": {
@@ -45,12 +45,12 @@
     "@knocklabs/typescript-config": "^0.0.2",
     "@telegraph/prettier-config": "^0.0.7",
     "@telegraph/vite-config": "^0.0.15",
-    "@types/node": "^25.3.3",
+    "@types/node": "^25.5.0",
     "@types/postcss-import": "^14.0.3",
     "@types/react": "^19.2.9",
-    "eslint": "^10.0.2",
+    "eslint": "^10.2.0",
     "globby": "^16.1.1",
-    "lightningcss": "^1.31.1",
+    "lightningcss": "^1.32.0",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "typescript": "^5.9.3",