build: update WordPress packages to current releases

[danieliser]

Summary

• update direct @wordpress/* dependencies across the pnpm workspace to current releases
• replace the removed edit icon export with pencil
• migrate legacy base-style color variables to their current equivalents
• adapt Jest to ESM-only transitive packages and updated RadioControl semantics
• configure Sass at-rule linting and remove the obsolete ESLint compact formatter
• make the localized popup-data assertion explicit

Validation

• pnpm install --frozen-lockfile
• pnpm run test:unit — 28 suites / 383 tests passed
• pnpm run build:production
• pnpm run build:tsc
• changed-file JavaScript lint
• changed-file SCSS lint
• git diff --check

React remains on 18.3.1 because the current WordPress element stack uses React 18 and supports it.

Summary by CodeRabbit

• Bug Fixes

  • Improved compatibility with SCSS linting rules.
  • Updated action URL handling and refreshed popup styling with current color tokens.
  • Replaced outdated edit icons with the current pencil icon.

• Maintenance

  • Updated WordPress-related packages across the application.
  • Improved test compatibility for UUID handling and theme components.
  • Added documentation for skeleton loading components.
  • Refined accessibility test expectations for status filters.

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: 9bf9d269-bddc-4702-8566-06be57d33e2b

📥 Commits

Reviewing files that changed from the base of the PR and between f08d4b8 and 3785b53.

⛔ Files ignored due to path filters (1)

• pnpm-lock.yaml is excluded by !**/pnpm-lock.yaml

📒 Files selected for processing (33)

• .stylelintrc.js
• package.json
• packages/addons-page/package.json
• packages/admin-bar/src/AdminBar.ts
• packages/admin-notifications/package.json
• packages/block-editor/package.json
• packages/block-editor/src/formats/popup-trigger/trigger-popover/editor.scss
• packages/block-editor/src/index.ts
• packages/block-library/package.json
• packages/block-library/src/lib/cta-button/edit.tsx
• packages/components/package.json
• packages/components/src/lib/url-control/index.tsx
• packages/core-data/package.json
• packages/cta-admin/package.json
• packages/cta-admin/src/registries/list-filters/__tests__/status.test.tsx
• packages/cta-editor/package.json
• packages/dashboard/package.json
• packages/data/package.json
• packages/data/src/index.ts
• packages/dependency-extraction-webpack-plugin/package.json
• packages/fields/package.json
• packages/i18n/package.json
• packages/i18n/src/index.ts
• packages/icons/package.json
• packages/layout/package.json
• packages/registry/package.json
• packages/registry/src/index.ts
• packages/skeleton/package.json
• packages/skeleton/src/SkeletonContext.tsx
• packages/skeleton/src/SkeletonShimmer.tsx
• packages/skeleton/src/SkeletonValue.tsx
• tests/unit/jest.config.js
• tests/unit/mocks/wordpress-theme.js

---

Walkthrough

The PR upgrades WordPress dependencies, updates Stylelint and Jest configuration, adjusts icons and SCSS tokens, simplifies lint directives, documents skeleton APIs, and updates related tests.

Changes

Platform refresh and compatibility updates

Layer / File(s)	Summary
Dependency and lint configuration alignment package.json, .stylelintrc.js, packages/*/package.json	WordPress dependency ranges and the root Babel runtime dependency are updated. Stylelint now allows supported SCSS at-rules.
Source compatibility and interface updates packages/admin-bar/src/AdminBar.ts, packages/block-editor/src/*, packages/block-library/src/*, packages/components/src/*, packages/data/src/index.ts, packages/i18n/src/index.ts, packages/registry/src/index.ts	Action parsing uses intermediate variables. CTA and URL controls use the pencil icon. Popup-trigger styles use current gray tokens. Obsolete lint directives and comments are removed or updated.
Skeleton API documentation packages/skeleton/src/*	JSDoc documents skeleton provider, hook, shimmer, and value parameters.
Test environment and accessibility expectations tests/unit/jest.config.js, tests/unit/mocks/wordpress-theme.js, packages/cta-admin/src/registries/list-filters/__tests__/status.test.tsx	Jest transforms uuid, maps the WordPress theme module, and provides a ThemeProvider mock. The status filter test expects the radiogroup role.

Estimated code review effort: 3 (Moderate) | ~20 minutes

Possibly related PRs

• PopupMaker/Popup-Maker#1168: Its CI quality checks use the Stylelint, JavaScript linting, and build validation changes updated here.

✨ Finishing Touches 💡 1

🛠️ Fix failing CI checks 💡

• Create stacked PR
• Commit on current branch

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch agent/wordpress-packages-current

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}