next/image fails with an Arabic phrase

[jefer94]

Link to the code that reproduces this issue

https://codesandbox.io/p/devbox/intelligent-waterfall-5htj5v?workspaceId=ws_2L9qrGbsdQSgPmvDvdbcYv

To Reproduce

1. go to /og

Current vs. Expected behavior

1. Can render the image
2. This package hasn't any error message, the development experience is bad, next/image must report the issues it found, besides the documentation must be improved, if an image randomly fails how could we render a fallback image for example? this and all related with this module must be documented and covered

Provide environment information

> @ info /project/workspace
> next info


Operating System:
  Platform: linux
  Arch: x64
  Version: #1 SMP PREEMPT_DYNAMIC Sun Aug  6 20:05:33 UTC 2023
  Available memory (MB): 4102
  Available CPU cores: 2
Binaries:
  Node: 20.9.0
  npm: 9.8.1
  Yarn: 1.22.19
  pnpm: 8.10.2
Relevant Packages:
  next: 15.2.0-canary.10 // Latest available version is detected (15.2.0-canary.10).
  eslint-config-next: N/A
  react: 19.0.0
  react-dom: 19.0.0
  typescript: 5.3.3
Next.js Config:
  output: N/A

Which area(s) are affected? (Select all that apply)

Image (next/image)

Which stage(s) are affected? (Select all that apply)

next dev (local), next start (local)

Additional context

import { ImageResponse } from "next/og";
// import { ImageResponse } from "@vercel/og";
import { NextRequest } from "next/server";

export async function GET(request: NextRequest) {
  return new ImageResponse(
    (
      <div
        // lang='en'
        lang="ar"
        style={{
          fontSize: 128,
          background: "white",
          width: "100%",
          height: "100%",
          display: "flex",
          textAlign: "center",
          alignItems: "center",
          justifyContent: "center",
        }}
      >
        {/* Hello */}
        نطق الأسماء على المستوى
      </div>
    ),
    {
      width: 1200,
      height: 600,
    }
  );
}

[andersonleite]

Just some investigation about this:

The image generation uses vercel/satori.

And in the readme, it says:
RTL languages are not supported.

Looks like some support for Arabic is on the way since there is a test for it
https://github.com/vercel/satori/blob/main/test/language.test.tsx#L81

I also can run the example text on local playground (not on the live one)

But for a longer text as the one provided in the codebox, it throws an error…
نطق الأسماء على المستوى
lookupType: 5 - substFormat: 3 is not yet supported

Also, just another note. Next.js currently uses satori": "0.10.9and the latest satori release is 0.12.1.