pkg: Switch from @js-temporal/polyfill to temporal-polyfill (#3815)

temporal-polyfill is 60% smaller (19.8 KB vs 51.9 KB gzip), same spec
compliance, and avoids JSBI. Website playground now uses native Temporal
API when available (Chrome/Firefox/Edge) with polyfill fallback for
Safari and older browsers.

Made-with: Cursor

Author: ntucker

__tests__/new.ts

@@ -1,5 +1,5 @@
-import { Temporal } from '@js-temporal/polyfill';
 import React, { createContext, useContext } from 'react';
+import { Temporal } from 'temporal-polyfill';
 
 import {
   Endpoint,

docs/rest/api/schema.md

@@ -46,7 +46,7 @@ We have two nested [entity](./Entity.md) types within our `article`: `users` and
 
 ```typescript
 import { schema, Entity } from '@data-client/endpoint';
-import { Temporal } from '@js-temporal/polyfill';
+import { Temporal } from 'temporal-polyfill';
 
 class User extends Entity {
   id = '';
@@ -79,7 +79,7 @@ class Article extends Entity {
 
 ```javascript
 import { schema, Entity } from '@data-client/endpoint';
-import { Temporal } from '@js-temporal/polyfill';
+import { Temporal } from 'temporal-polyfill';
 
 class User extends Entity { }
 

examples/github-app/package.json

@@ -58,7 +58,7 @@
     "@data-client/img": "0.15.0",
     "@data-client/react": "0.15.7",
     "@data-client/rest": "0.15.7",
-    "@js-temporal/polyfill": "^0.5.1",
+    "temporal-polyfill": "^0.3.0",
     "antd": "6.3.3",
     "core-js": "^3.48.0",
     "history": "^5.3.0",

examples/github-app/src/components/human.ts

@@ -1,4 +1,4 @@
-import { Temporal } from '@js-temporal/polyfill';
+import { Temporal } from 'temporal-polyfill';
 
 export function humanTime(date: Temporal.Instant, language: string) {
   const REL = new Intl.RelativeTimeFormat(language, {

examples/github-app/src/pages/IssueDetail/CommentInline.tsx

@@ -2,14 +2,14 @@ import { useNavigator } from '@anansi/core';
 import { Link, useRoutes } from '@anansi/router';
 import { EllipsisOutlined } from '@ant-design/icons';
 import { useCache, useController } from '@data-client/react';
-import { Intl } from '@js-temporal/polyfill';
 import { css } from '@linaria/core';
 import { Card, Avatar, Button, Tag, Popover } from 'antd';
 import React, { memo, useCallback, useState } from 'react';
 import Markdown from 'react-markdown';
 import rehypeHighlight from 'rehype-highlight';
 import remarkGfm from 'remark-gfm';
 import remarkRemoveComments from 'remark-remove-comments';
+import { Intl } from 'temporal-polyfill';
 
 import FlexRow from '@/components/FlexRow';
 import { CommentResource, Comment } from '@/resources/Comment';

examples/github-app/src/pages/ProfileDetail/UserEvents.tsx

@@ -2,10 +2,10 @@ import { useNavigator } from '@anansi/core';
 import { Link } from '@anansi/router';
 import { BranchesOutlined, PullRequestOutlined } from '@ant-design/icons';
 import { useSuspense } from '@data-client/react';
-import { Intl } from '@js-temporal/polyfill';
 import { Timeline, Typography, Divider } from 'antd';
 import { groupBy } from 'lodash';
 import { useMemo } from 'react';
+import { Intl } from 'temporal-polyfill';
 
 import {
   EventResource,

examples/github-app/src/pages/ProfileDetail/index.tsx

@@ -1,8 +1,8 @@
 import { useNavigator } from '@anansi/core';
 import { useSuspense } from '@data-client/react';
-import { Intl } from '@js-temporal/polyfill';
 import { Card, Layout } from 'antd';
 import Markdown from 'react-markdown';
+import { Intl } from 'temporal-polyfill';
 
 import { UserResource } from '@/resources/User';
 

examples/github-app/src/resources/Comment.ts

@@ -1,4 +1,4 @@
-import { Temporal } from '@js-temporal/polyfill';
+import { Temporal } from 'temporal-polyfill';
 
 import { GithubEntity, githubResource } from './Base';
 import { User } from './User';

examples/github-app/src/resources/Event.tsx

@@ -7,8 +7,8 @@ import {
   ForkOutlined,
 } from '@ant-design/icons';
 import { schema } from '@data-client/rest';
-import { Temporal } from '@js-temporal/polyfill';
 import type { JSX } from 'react';
+import { Temporal } from 'temporal-polyfill';
 
 import { githubResource, GithubEntity } from './Base';
 import { Issue } from './Issue';

examples/github-app/src/resources/Issue.tsx

@@ -1,4 +1,4 @@
-import { Temporal } from '@js-temporal/polyfill';
+import { Temporal } from 'temporal-polyfill';
 
 import { GithubEntity, githubResource } from './Base';
 import { Label } from './Label';