build(deps): bump highlight.js from 10.5.0 to 11.11.1 (#1561)

* build(deps): bump highlight.js from 10.5.0 to 11.11.1

Bumps [highlight.js](https://github.com/highlightjs/highlight.js) from 10.5.0 to 11.11.1.
- [Release notes](https://github.com/highlightjs/highlight.js/releases)
- [Changelog](https://github.com/highlightjs/highlight.js/blob/main/CHANGES.md)
- [Commits](highlightjs/highlight.js@10.5.0...11.11.1)

---
updated-dependencies:
- dependency-name: highlight.js
  dependency-version: 11.11.1
  dependency-type: direct:production
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>

* Fix highlight.js v11 API compatibility (#1568)

* Initial plan

* Initial plan for highlight.js upgrade

Co-authored-by: chagong <831821+chagong@users.noreply.github.com>

* Fix highlight.js API usage for v11 compatibility

Co-authored-by: chagong <831821+chagong@users.noreply.github.com>

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: chagong <831821+chagong@users.noreply.github.com>

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Copilot <198982749+Copilot@users.noreply.github.com>
Co-authored-by: chagong <831821+chagong@users.noreply.github.com>
Co-authored-by: Changyong Gong <shawn.gong@hotmail.com>

Author: 3 people

package-lock.json

@@ -392,7 +392,7 @@
     "expand-tilde": "^2.0.2",
     "fs-extra": "^11.3.0",
     "hdr-histogram-js": "^3.0.1",
-    "highlight.js": "10.5.0",
+    "highlight.js": "11.11.1",
     "jdk-utils": "^0.4.4",
     "jquery": "^3.6.1",
     "lodash": "^4.17.23",

package.json

@@ -2,11 +2,11 @@
 // Licensed under the MIT license.
 
 import * as React from "react";
-import * as hljs from "highlight.js";
+import hljs from "highlight.js";
 import "../../../../../../webview-resources/highlight.css";
 
 export function highlight(content: string): JSX.Element {
-  const highlighted = hljs.highlight("java", content);
+  const highlighted = hljs.highlight(content, { language: "java" });
   return (
     <pre className="hljs d-flex flex-grow-1">
       <code className="hljs flex-grow-1" dangerouslySetInnerHTML={{ __html: highlighted.value }} />