refactor: extract @hyperframes/parsers from core (#1755)

## Summary

Extracts the GSAP parser/writer suite, HTML parser, hf-ids, spring-ease, and the shared composition data types out of `@hyperframes/core/src/parsers/` into a new, independently-publishable **`@hyperframes/parsers`** package.

This is the foundation of the [#1749](https://github.com/heygen-com/hyperframes/issues/1749) effort: make HyperFrames' parsing/linting/validation usable as plain libraries in a Node app, without shelling out to the CLI. Parsers is the standalone base every other extracted package builds on.

**Part 1 of 3** — splits #1754 into independently-reviewable pieces. Parts 2 (lint) and 3 (studio-server) stack on this branch.

## What moves

| | |
|---|---|
| Source moved out of core | **~9,900 LOC** (`src/parsers/` → `packages/parsers/src/`) |
| Total lines removed from core (incl. tests + goldens) | ~19,600 |
| Files relocated | 39 |
| Tests carried over | **660 passing** (5 skipped, 3 todo) |

The big movers: `gsapParser` / `gsapParserAcorn` (the recast + acorn dual parsers), `gsapWriterAcorn`, `gsapSerialize`, `gsapUnroll`, `htmlParser`, `hfIds`, `springEase`, `stableIds`, plus the `__goldens__` corpus.

## Bundle footprint of the new package

| Artifact | Size |
|---|---|
| `dist/` (unpacked) | 1.7 MB |
| npm tarball (packed) | 409 KB |
| `dist/index.js` | 90 KB (**~21 KB gzipped**) |
| Heaviest entries | `gsapWriterAcorn.js` 93 KB · `gsapParser.js` 91 KB |

Most of the weight is the GSAP AST machinery (recast/babel/acorn). It's tree-shakeable via subpath entries (`@hyperframes/parsers/hf-ids`, `/gsap-constants`, etc.) so a consumer that only needs `hf-ids` (2 KB) doesn't pull the parsers.

## How `@hyperframes/core` changes

The interesting part: **core sheds its entire AST toolchain.**

| core `dependencies` | before | after |
|---|---|---|
| count | 9 | 6 |
| removed | — | `@babel/parser`, `acorn`, `acorn-walk`, `magic-string`, `recast` |
| added | — | `@hyperframes/parsers`, `linkedom` |

Before this PR, importing `@hyperframes/core` at all dragged in babel + recast + acorn just to construct types. Now those live behind `@hyperframes/parsers`, and a consumer that only wants core's runtime/compiler types never resolves the parser stack. Core keeps thin `@deprecated` re-export stubs at the old subpaths (`@hyperframes/core/gsap-parser`, `/gsap-constants`, …) so nothing downstream breaks.

## Design notes

- **`"bun"` export condition before `"node"`** in every package export. Bun resolves the TypeScript source directly (no pre-built `dist/`), while Node/tsx/Docker contexts fall through to `"node"` → `dist/`. This keeps the dev loop zero-build while published artifacts stay Node-consumable.
- `@hyperframes/parsers` is **standalone** — zero `@hyperframes/*` dependencies — so it can be the base of the stack.

## Test plan

- [x] `bun run --filter @hyperframes/parsers test` — 660 tests pass
- [x] `bun run --filter @hyperframes/sdk test` — 382 tests pass
- [x] `bun run build` — full monorepo build succeeds
- [x] Fallow audit passes on CI

packages/studio/src/components/editor/domEditingTypes.ts

@@ -1,5 +1,5 @@
 import type { PatchTarget } from "../../utils/sourcePatcher";
-import type { GsapAnimation } from "@hyperframes/core/gsap-parser";
+import type { GsapAnimation } from "@hyperframes/parsers/gsap-parser";
 
 export const CURATED_STYLE_PROPERTIES = [
   "position",

packages/studio/src/components/editor/gsapAnimationCallbacks.ts

@@ -1,4 +1,4 @@
-import type { ArcPathSegment } from "@hyperframes/core/gsap-parser";
+import type { ArcPathSegment } from "@hyperframes/parsers/gsap-parser";
 
 /**
  * Edit callbacks shared by GsapAnimationSection and each AnimationCard it

packages/studio/src/components/editor/gsapAnimationHelpers.test.ts

@@ -1,8 +1,8 @@
 import { describe, expect, it } from "vitest";
-import { SUPPORTED_PROPS } from "@hyperframes/core/gsap-constants";
+import { SUPPORTED_PROPS } from "@hyperframes/parsers/gsap-constants";
 import { buildTweenSummary } from "./gsapAnimationHelpers";
 import { PROP_LABELS } from "./gsapAnimationConstants";
-import type { GsapAnimation } from "@hyperframes/core/gsap-parser";
+import type { GsapAnimation } from "@hyperframes/parsers/gsap-parser";
 
 function anim(overrides: Partial<GsapAnimation>): GsapAnimation {
   return {

packages/studio/src/components/editor/gsapAnimationHelpers.ts

@@ -1,4 +1,4 @@
-import type { GsapAnimation } from "@hyperframes/core/gsap-parser";
+import type { GsapAnimation } from "@hyperframes/parsers/gsap-parser";
 import { EASE_LABELS, PERCENT_PROPS, PROP_LABELS, PROP_UNITS } from "./gsapAnimationConstants";
 
 function formatPropValue(prop: string, v: number | string): string {

packages/studio/src/components/editor/motionPathCommit.test.ts

@@ -1,5 +1,5 @@
 import { describe, it, expect, vi } from "vitest";
-import type { GsapAnimation } from "@hyperframes/core/gsap-parser";
+import type { GsapAnimation } from "@hyperframes/parsers/gsap-parser";
 import { editableAnimationId } from "./motionPathSelection";
 import {
   commitNode,

packages/studio/src/components/editor/motionPathSelection.ts

@@ -3,7 +3,7 @@
  * Shared by the overlay and its diagnostics (kept here to avoid a circular
  * import between the two).
  */
-import type { GsapAnimation } from "@hyperframes/core/gsap-parser";
+import type { GsapAnimation } from "@hyperframes/parsers/gsap-parser";
 import type { DomEditSelection } from "./domEditing";
 
 export function selectorFor(sel: DomEditSelection | null): string | null {

packages/studio/src/components/editor/propertyPanelHelpers.ts

@@ -2,7 +2,7 @@ import { parseCssColor, type ParsedColor } from "./colorValue";
 import { COMMON_LOCAL_FONT_FAMILIES } from "./fontCatalog";
 import type { DomEditSelection } from "./domEditing";
 import type { ImportedFontAsset } from "./fontAssets";
-import type { GsapAnimation } from "@hyperframes/core/gsap-parser";
+import type { GsapAnimation } from "@hyperframes/parsers/gsap-parser";
 import { roundToCenti } from "../../utils/rounding";
 
 export interface PropertyPanelProps {
@@ -29,7 +29,7 @@ export interface PropertyPanelProps {
   fontAssets?: ImportedFontAsset[];
   onImportFonts?: (files: FileList | File[]) => Promise<ImportedFontAsset[]>;
   previewIframeRef?: React.RefObject<HTMLIFrameElement | null>;
-  gsapAnimations?: import("@hyperframes/core/gsap-parser").GsapAnimation[];
+  gsapAnimations?: import("@hyperframes/parsers/gsap-parser").GsapAnimation[];
   gsapMultipleTimelines?: boolean;
   gsapUnsupportedTimelinePattern?: boolean;
   onUpdateGsapProperty?: (animId: string, prop: string, value: number | string) => void;
@@ -49,13 +49,13 @@ export interface PropertyPanelProps {
     config: {
       enabled: boolean;
       autoRotate?: boolean | number;
-      segments?: import("@hyperframes/core/gsap-parser").ArcPathSegment[];
+      segments?: import("@hyperframes/parsers/gsap-parser").ArcPathSegment[];
     },
   ) => void;
   onUpdateArcSegment?: (
     animId: string,
     segmentIndex: number,
-    update: Partial<import("@hyperframes/core/gsap-parser").ArcPathSegment>,
+    update: Partial<import("@hyperframes/parsers/gsap-parser").ArcPathSegment>,
   ) => void;
   /** Unroll computed (helper/loop) tweens into literal tweens for direct editing. */
   onUnroll?: (animationId: string) => void;