Update interlinearizer-extension for React 19 / Tailwind 4 compatibility

Author: alex-rawlings-yyc

.stylelintrc.js

@@ -40,6 +40,7 @@ module.exports = {
           'plugin',
           'source',
           'custom-variant',
+          'utility',
         ],
       },
     ],

AGENTS.md

@@ -38,7 +38,7 @@ This is a **Platform.Bible extension** for interlinear Bible text alignment. Pla
 
 ### WebView UI
 
-`src/interlinearizer.web-view.tsx` — React component rendered inside Platform.Bible's WebView iframe. `useWebViewScrollGroupScrRef` is a **prop injected by the PAPI host** (not a hook import). Uses PAPI frontend hooks (`useProjectData`, `useProjectSetting`, `useLocalizedStrings`, `useRecentScriptureRefs`) to fetch live data. Renders verse segments as token chips with Tailwind utility classes (all prefixed `tw-`).
+`src/interlinearizer.web-view.tsx` — React component rendered inside Platform.Bible's WebView iframe. `useWebViewScrollGroupScrRef` is a **prop injected by the PAPI host** (not a hook import). Uses PAPI frontend hooks (`useProjectData`, `useProjectSetting`, `useLocalizedStrings`, `useRecentScriptureRefs`) to fetch live data. Renders verse segments as token chips with Tailwind utility classes (all prefixed `tw:`).
 
 The WebView is injected into the main bundle via Webpack's `?inline` query:
 
@@ -55,7 +55,7 @@ The WebView root component is assigned to `globalThis.webViewComponent` (not exp
 
 ### Styling
 
-All UI uses Tailwind CSS (via `src/tailwind.css`). Every Tailwind class is prefixed `tw-` to avoid collisions with Platform.Bible's own styles (configured in `tailwind.config.ts`).
+All UI uses Tailwind CSS (via `src/tailwind.css`). Every Tailwind class is prefixed `tw:` to avoid collisions with Platform.Bible's own styles (configured in `tailwind.config.ts`). For modifier variants the prefix comes first: `tw:hover:px-3`, not `hover:tw-px-3`.
 
 ### Parser pipeline
 

README.md

@@ -253,6 +253,12 @@ git merge template/main --allow-unrelated-histories
 
 For more information, read [the instructions on the wiki](https://github.com/paranext/paranext-extension-template/wiki/Merging-Template-Changes-into-Your-Extension).
 
+After updating this extension from the template, clear all temp/cache files and regenerate the extension's `package-lock.json` with this command:
+
+```bash
+npm run core:reinstall
+```
+
 **Note:** The merge/squash commits created when updating this repo from the template are important; Git uses them to compare the files for future updates. If you edit this repo's Git history, please preserve these commits (do not squash them, for example) to avoid duplicated merge conflicts in the future.
 
 ## Special features in this project