fix: Update @formatjs/intl-localematcher to latest version (#1140)

Includes updates to the distance algorithm for matching locales that is
used in the `next-intl` middleware.

packages/next-intl/package.json

@@ -85,7 +85,7 @@
     "next.js"
   ],
   "dependencies": {
-    "@formatjs/intl-localematcher": "^0.2.32",
+    "@formatjs/intl-localematcher": "^0.5.4",
     "negotiator": "^0.6.3",
     "use-intl": "workspace:^"
   },
@@ -144,7 +144,7 @@
     },
     {
       "path": "dist/production/middleware.js",
-      "limit": "6.525 KB"
+      "limit": "11.515 KB"
     },
     {
       "path": "dist/production/routing.js",

packages/next-intl/src/middleware/resolveLocale.test.tsx

@@ -13,7 +13,7 @@ describe('getAcceptLanguageLocale', () => {
     ).toBe('en');
   });
 
-  it('resolves a more generic locale to a specific one', () => {
+  it('resolves a locale with a different region to one that matches at least the language', () => {
     const requestHeaders = new Headers({
       'accept-language': 'en-GB;q=0.9'
     });
@@ -24,7 +24,8 @@ describe('getAcceptLanguageLocale', () => {
     ).toBe('en-US');
   });
 
-  it('resolves the most specific locale', () => {
+  it('resolves the most specific locale, even if it is defined after a more generic one', () => {
+    // Related to https://github.com/formatjs/formatjs/issues/4469
     const requestHeaders = new Headers({
       'accept-language': 'de-DE,de;q=0.9,en-US;q=0.8'
     });

packages/next-intl/src/middleware/resolveLocale.tsx

@@ -27,6 +27,11 @@ function findDomainFromHost<AppLocales extends Locales>(
   return undefined;
 }
 
+function orderLocales<AppLocales extends Locales>(locales: AppLocales) {
+  // Workaround for https://github.com/formatjs/formatjs/issues/4469
+  return locales.slice().sort((a, b) => b.length - a.length);
+}
+
 export function getAcceptLanguageLocale<AppLocales extends Locales>(
   requestHeaders: Headers,
   locales: AppLocales,
@@ -40,9 +45,11 @@ export function getAcceptLanguageLocale<AppLocales extends Locales>(
     }
   }).languages();
   try {
+    const orderedLocales = orderLocales(locales);
+
     locale = match(
       languages,
-      locales as unknown as Array<string>,
+      orderedLocales as unknown as Array<string>,
       defaultLocale
     );
   } catch (e) {