[SOLVED] How to use `.scss` files with typescript meteor project?

EDIT SOVLED: I mistakenly used .className in my react component, instead of className (minus the dot). Importing scss with import ./index.scss works without specifying a package.js in the root folder.

I’m trying to import .scss into my .tsx files for my react front end, but nothing is working…

For e.g.,

// FolderA
index.tsx
index.scss
// index.tsx
@import './index.scss' // import './index.scss` also doesn't work

// Styling is not being applied...

I’ve installed meteor add fourseven:scss package, and even tried created a package.js file with the contents

Package.onUse(function (api) {
  api.use('fourseven:scss');
});

What am I missing?
Thanks.

Version: Meteor 2.4