fix: resolve path issues in workspace-plugins executors

- Fix lerna.json path resolution in build executors using workspaceRoot
- Fix package.json path resolution in build executor
- Update build script to ensure workspace-plugins is built before other targets
- Resolves 'Cannot find module lerna.json' errors in CI builds
- All build targets now work: sync-entry, build, visual-stories [ci visual]

Author: droshev

package.json

@@ -9,7 +9,7 @@
   "packageManager": "yarn@4.10.3",
   "scripts": {
     "transform-stories": "ts-node stories-transformer.ts",
-    "build": "npx nx run-many --target=build --all",
+    "build": "npx nx build workspace-plugins && npx nx run-many --target=build --all",
     "build:prod": "yarn run build --configuration=production --skip-nx-cache",
     "build:theming-preview": "npx nx run theming-preview:build",
     "build:visual-stories": "nx run-many --target=build-visual --all",

packages/workspace-plugins/src/executors/build-theming-preview/executor.ts

@@ -2,11 +2,12 @@ import { BuildThemingPreviewExecutorSchema } from './schema';
 import fs from 'fs-extra';
 import { execSync } from 'child_process';
 import { processWithPostCss } from '../shared/postcss';
-import { ExecutorContext, logger, readJsonFile, writeJsonFile } from '@nx/devkit';
+import { ExecutorContext, logger, readJsonFile, writeJsonFile, workspaceRoot } from '@nx/devkit';
 
 import { readFileSync } from 'fs';
+import path from 'path';
 
-const lernaJson = JSON.parse(readFileSync('lerna.json', 'utf-8'));
+const lernaJson = JSON.parse(readFileSync(path.resolve(workspaceRoot, 'lerna.json'), 'utf-8'));
 const { copySync } = fs;
 
 export default async function runExecutor(options: BuildThemingPreviewExecutorSchema, context: Required<ExecutorContext>) {

packages/workspace-plugins/src/executors/build/executor.ts

@@ -8,13 +8,15 @@ import { processWithPostCss } from '../shared/postcss';
 import { mkdirpSync } from 'fs-extra';
 import { parse } from 'path';
 import { parse as semverParse } from 'semver';
+import path from 'path';
+import { workspaceRoot } from '@nx/devkit';
 
 const aboveMinorVersion = (version: string) => {
     const parsed = semverParse(version);
     return `^${parsed!.major}.${parsed!.minor}.0`;
 };
-const lernaJson = JSON.parse(readFileSync('lerna.json', 'utf-8'));
-const packageJson = JSON.parse(readFileSync('package.json', 'utf-8'));
+const lernaJson = JSON.parse(readFileSync(path.resolve(workspaceRoot, 'lerna.json'), 'utf-8'));
+const packageJson = JSON.parse(readFileSync(path.resolve(workspaceRoot, 'package.json'), 'utf-8'));
 const versions = {
     VERSION_PLACEHOLDER: lernaJson.version,
     SAP_THEMING_VERSION: aboveMinorVersion(packageJson.devDependencies['@sap-theming/theming-base-content'])

packages/workspace-plugins/src/executors/shared/postcss.plugins.ts

@@ -1,11 +1,13 @@
 import postcssCleaner from './postcss-cleaner';
 import postcssRemoveFonts from './postcss-remove-fonts';
+import path from 'path';
+import { workspaceRoot } from '@nx/devkit';
 
 const autoprefixer = require('autoprefixer');
 const postcssBanner = require('postcss-banner');
 const postcssNormalizeCharset = require('postcss-normalize-charset');
 const postcssImport = require('postcss-import');
-const packageVersion = require('../../../../../lerna.json').version;
+const packageVersion = require(path.resolve(workspaceRoot, 'lerna.json')).version;
 const year = new Date().getFullYear();
 const cssnano = require('cssnano');