印刷用スタイルを @media print から代替スタイルシートへ変更

const result = [...document.styleSheets].some((styleSheet) => {
  return styleSheet.title !== null && styleSheet.ownerNode.relList.contains('alternate') /* title 属性が存在し、 rel 属性値に 'alternate' が含まれていれば代替スタイルシートである */
    && styleSheet.disabled;
});

const printStyleSheetSetName = document.getElementById('stylesheet-print')?.title; // 印刷用スタイルシートの名前
const preferredStyleSheetList = []; // 優先スタイルシート

for (const styleSheet of document.styleSheets) {
  const styleSheetSetName = styleSheet.title;
  if (styleSheetSetName !== null) {
    if (styleSheetSetName === printStyleSheetSetName) {
      /* 対象の印刷用スタイルシートと同じ名前のスタイルシートは新たに <link> 要素を生成する */
      const printStyleSheetElement = document.createElement('link');
      printStyleSheetElement.href = styleSheet.href;
      printStyleSheetElement.rel = 'stylesheet';
      printStyleSheetElement.media = 'print';
      document.head.appendChild(printStyleSheetElement);
    } else if (!styleSheet.ownerNode.relList.contains('alternate')) {
      /* title 属性が存在し、 rel 属性値に 'alternate' が含まれない場合は優先スタイルシート */
      preferredStyleSheetList.push(styleSheet);
    }
  }
}

window.addEventListener('beforeprint', () => {
  /* 優先スタイルシートを一時的に無効にする */
  for (const preferredStyleSheet of preferredStyleSheetList) {
    preferredStyleSheet.disabled = true;
  }
});
window.addEventListener('afterprint', () => {
  /* 優先スタイルシートを有効に戻す */
  for (const preferredStyleSheet of preferredStyleSheetList) {
    preferredStyleSheet.disabled = false;
  }
});

<link rel="stylesheet" href="common.css"> <!-- 【最初からHTMLにある要素】常に適用される -->
<link rel="stylesheet" href="screen.css" title="画面表示"> <!-- 【最初からHTMLにある要素】デフォルトでは適用されるが、印刷時は無効になる -->
<link rel="alternate stylesheet" href="print.css" title="印刷" id="stylesheet-print"> <!-- 【最初からHTMLにある要素】常に適用されない -->
<link rel="stylesheet" href="print.css" media="print"> <!-- 【JavaScript で挿入した要素】印刷時のみ適用される -->