Fix CSP violation in Carousel drag-scroll helper (#1289)

* Fix CSP violation is Carousel drag-scroll helper

* remove dependance on tailwind layers/global

Author: rnicholus

package.json

@@ -55,10 +55,11 @@
   },
   "dependencies": {
     "@floating-ui/react": "^0.26.2",
+    "classnames": "^2.5.1",
     "contentlayer": "^0.3.4",
+    "debounce": "^2.0.0",
     "flowbite": "^2.0.0",
     "react-icons": "^4.11.0",
-    "react-indiana-drag-scroll": "^2.2.0",
     "tailwind-merge": "^2.0.0"
   },
   "devDependencies": {

src/components/Carousel/Carousel.tsx

@@ -3,7 +3,7 @@
 import type { ComponentProps, FC, ReactElement, ReactNode } from 'react';
 import { Children, cloneElement, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { HiOutlineChevronLeft, HiOutlineChevronRight } from 'react-icons/hi';
-import ScrollContainer from 'react-indiana-drag-scroll';
+import ScrollContainer from '../../helpers/drag-scroll';
 import { twMerge } from 'tailwind-merge';
 import { isClient } from '../../helpers/is-client';
 import { mergeDeep } from '../../helpers/merge-deep';