クロスドメインの認証の際にスマホのCookieを利用することができない

Question

前提・実現したいこと

フロント側をJavaScriptでNetlify、バック側をNode.jsでHerokuにそれぞれデプロイして
簡単なWebアプリを公開しております。

認証のテストを実施していて、スマホ（iOS14）のCookieを利用できてないことを
サーバ側のコンソールから確認しました。

認証に関しては、jsonwebtokenを使用しています。

PCからのアクセスについては問題なくCookieを利用できています。

なぜ、PCではCookieを利用できてスマホでは利用できないのでしょうか？
大変困っております。

なにか心当たりがありましたら、ご教授いただけないでしょうか？
宜しくお願いいたします。

該当のソースコード

クロスドメインでCookieを利用するために設定する箇所

フロントエンド

import axios from "axios";

axios.defaults.withCredentials = true;

バックエンド

const cors = require("cors");

// corsの許可
const corsOptions = {
  origin: "https://foo.com",
  credentials: true,
};
app.use(cors(corsOptions));

// cookieの設定
const cookieOptions = {
    expires: new Date(
      Date.now() + process.env.JWT_COOKIE_EXPIRES_IN * 24 * 60 * 60 * 1000
    ),
    httpOnly: true,
    sameSite: "none",
    secure: true,
};

res.cookie("jwt", token, cookieOptions);

Answer 1

上記のスマホ（iOS14）の認証のテストには、ブラウザにchromeを使用しました。

ブラウザをsafariに変えて、下記の設定をしたところ
サーバ側でCookieを利用することができました。

「設定」
「Safari」
「サイト超えトラッキングを防ぐ」「すべてのCookieをブロック」をオフ

大手サイト（yahooやamazonなど）の場合は、chromeでもcookieの利用が
できているような感じがするのですが。。。

個人のWebアプリなので、とりあえずこのままいきたいと思います。
ありがとうございました。