[Color Sync] Add more regression stories for the Definition widget

[nishasy]

Summary:

Add stories for

• Definition in Hint (initial + interaction)
• Definition in Explanation (initial + interaction)
• Definition in Graded Group (initial + interaction)
• Definition in both main article and in explanation widget (interaction)

Still remaining:

• Hover state pre-focus
• "Storybook bug? Mobile initial state is not rendering accurately (mobile widget looks different than Storybook switched to mobile)"

Issue: https://khanacademy.atlassian.net/browse/LEMS-4129

Test plan:

todo

[github-actions]

Size Change: 0 B

Total Size: 508 kB

ℹ️ View Unchanged

Filename	Size
packages/kas/dist/es/index.js	20.6 kB
packages/keypad-context/dist/es/index.js	1 kB
packages/kmath/dist/es/index.js	6.32 kB
packages/math-input/dist/es/index.js	98.5 kB
packages/math-input/dist/es/strings.js	1.61 kB
packages/perseus-core/dist/es/index.item-splitting.js	12.1 kB
packages/perseus-core/dist/es/index.js	26.3 kB
packages/perseus-editor/dist/es/index.js	105 kB
packages/perseus-linter/dist/es/index.js	9.65 kB
packages/perseus-score/dist/es/index.js	10.2 kB
packages/perseus-utils/dist/es/index.js	403 B
packages/perseus/dist/es/index.js	200 kB
packages/perseus/dist/es/strings.js	8.6 kB
packages/pure-markdown/dist/es/index.js	1.39 kB
packages/simple-markdown/dist/es/index.js	6.71 kB

_{compressed-size-action}

[github-actions]

npm Snapshot: Published

Good news!! We've packaged up the latest commit from this PR (4230734) and published it to npm. You
can install it using the tag PR3737.

Example:

pnpm add @khanacademy/perseus@PR3737

If you are working in Khan Academy's frontend, you can run the below command.

./dev/tools/bump_perseus_version.ts -t PR3737

If you are working in Khan Academy's webapp, you can run the below command.

./dev/tools/bump_perseus_version.js -t PR3737