feat: complete HDS 4.8.0 upgrade and HCRC 2.0.0 release

HCRC-178

The HCRC library was updated to major version 2.0.0 following the complete migration and upgrade to Helsinki Design System (HDS) version 4.8.0.

### Component Migrations and Refactors:
* The carousel button was refactored and migrated to the new HDS button component.
* The Tag component was migrated to utilize the new HDS styles.
* The URL for the City of Helsinki logo in stories was updated for the Link component.
* Trivial coloring fixes were applied to PageSection stories.

### Component Logic and Styling Fixes:
* **Tag `onClick` Logic:** The `onClick` handler was updated to be definable as `undefined`. This resolves a styling issue concerning border display and removes a needless decorator, allowing the direct use of the HDS `onClick` property.
* **Tag Multiline Text:** Default Tag styling was adjusted to support multiline text, overriding the HDS v4 default of `white-space: nowrap` which prevented necessary text wrapping.

### Environment and Configuration Fixes:
* Availability of the **`Buffer` object was ensured** in all required environments.
* The **type of the load more button theme** was corrected in the configuration.

### Design Token Update:
* The `hds-design-tokens` package was updated.

### Testing and Utilities Improvements:
* **Test Utilities:**
    * A `hideConsoleMessages` utility was added to suppress non-essential console output during testing.
    * `act` warnings were resolved by converting affected tests to an asynchronous format.
    * Apollo messages are now always loaded during testing.
    * Comments were added to clarify console messages that are being hidden.

### Versioning and Dependencies:
* The HCRC version was set to 2.0.0, and corresponding dependencies were upgraded.

Author: nikomakela

jest-setup.ts

@@ -5,8 +5,24 @@ import '@testing-library/jest-dom';
 import { toHaveNoViolations } from 'jest-axe';
 // eslint-disable-next-line import/no-extraneous-dependencies
 import fetchMock from 'jest-fetch-mock';
+import { loadErrorMessages, loadDevMessages } from '@apollo/client/dev';
+import { hideConsoleMessages } from './src/tests/hideConsoleMessages';
+
+hideConsoleMessages({
+  warn: [
+    // Apollo deprecation message is spammed in tests, just for future info. It's not useful in unit tests.
+    /`canonizeResults` is deprecated and will be removed in Apollo Client 4.0. Please remove this option./,
+  ],
+  error: [
+    // CSS stylesheets are not ever parsed by JSDOM, so the message is useless.
+    /Could not parse CSS stylesheet/,
+  ],
+});
 
 fetchMock.enableMocks();
 
 // Extend except with jest-axe
 expect.extend(toHaveNoViolations);
+
+loadDevMessages();
+loadErrorMessages();

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-helsinki-headless-cms",
-  "version": "1.3.0",
+  "version": "2.0.0",
   "description": "React components for displaying Headless CMS content according to guidelines set by HDS",
   "main": "cjs/index.js",
   "module": "index.js",
@@ -48,7 +48,7 @@
   "homepage": "https://github.com/City-of-Helsinki/react-helsinki-headless-cms#readme",
   "peerDependencies": {
     "@apollo/client": "^3.11.10",
-    "hds-react": ">=4.7.1",
+    "hds-react": ">=4.8.0",
     "react": "^18",
     "react-dom": "^18"
   },
@@ -84,7 +84,7 @@
     "@storybook/react": "^8.4.2",
     "@storybook/react-webpack5": "^8.4.2",
     "@storybook/test": "^8.4.2",
-    "@storybook/test-runner": "^0.19.1",
+    "@storybook/test-runner": "^0.24.1",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
@@ -111,7 +111,7 @@
     "eslint-plugin-react-hooks": "^5.0.0",
     "git-rev-sync": "^3.0.2",
     "graphql": "^16.9.0",
-    "hds-react": "^4.7.1",
+    "hds-react": "^4.8.0",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "jest-axe": "^9.0.0",
@@ -141,16 +141,16 @@
     "webpack": "^5.96.1"
   },
   "dependencies": {
+    "classnames": "^2.5.1",
     "date-fns": "^4.1.0",
-    "hds-design-tokens": "^3.11.0",
+    "hds-design-tokens": "^4.8.0",
     "html-entities": "^2.5.2",
     "html-react-parser": "^4.2.9",
-    "isomorphic-dompurify": "^2.16.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "lodash-es": "^4.17.21",
-    "classnames": "^2.5.1"
+    "isomorphic-dompurify": "^2.31.0",
+    "jest-environment-jsdom": "^30.2.0",
+    "lodash-es": "^4.17.21"
   },
   "msw": {
     "workerDirectory": "public"
   }
-}
+}