(chore) Upgrade Carbon (#215)

package.json

@@ -14,7 +14,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.22.17",
-    "@carbon/react": "^1.37.0",
+    "@carbon/react": "^1.63.1",
     "@openmrs/esm-framework": "next",
     "@swc/cli": "^0.1.62",
     "@swc/core": "^1.3.84",

packages/esm-home-app/src/dashboard/home-dashboard.scss

@@ -1,5 +1,4 @@
 @use '@carbon/colors';
-@use '@carbon/styles/scss/spacing';
 
 .homePageWrapper {
   display: flex;

packages/esm-home-app/src/declarations.d.ts

@@ -1,4 +1,3 @@
-declare module '@carbon/react';
 declare module '*.css';
 declare module '*.scss';
 declare module '*.png';

packages/esm-home-app/src/header-date/header-date.scss

@@ -1,3 +1,5 @@
+@use '@carbon/layout';
+
 .value {
-  margin-left: 0.25rem
+  margin-left: layout.$spacing-02;
 }

packages/esm-home-app/src/home-page-widgets/home-page-widgets.scss

@@ -1,5 +1,5 @@
-@use '@carbon/styles/scss/spacing';
+@use '@carbon/layout';
 
 .homePageWidget {
-  padding: spacing.$spacing-05;
+  padding: layout.$spacing-05;
 }

packages/esm-home-app/src/metrics/metrics.scss

@@ -1,6 +1,8 @@
+@use '@carbon/layout';
+
 .metricTilesSlot {
   display: flex;
-  margin: 0.5rem 0.5rem 0 0.5rem;
+  margin: layout.$spacing-03 layout.$spacing-03 0 layout.$spacing-03;
 
   [data-extension-id] {
     flex-grow: 1;

packages/esm-home-app/src/page-header/page-header.scss

@@ -1,7 +1,7 @@
 @use '@carbon/colors';
 @use '@carbon/layout';
 @use '@carbon/type';
-@import '~@openmrs/esm-styleguide/src/vars';
+@use '@openmrs/esm-styleguide/src/vars' as *;
 
 .header {
   @include type.type-style('body-compact-02');