import a SCSS file as a CSS string using Parcel, SASS and TypeScript

[drachehavoc]

Sorry for the noob question, but I'm new using parcel and a need someone to "talk" 😛

I also make this same question in StackOverflow, but anyone give me attention 😭

So, her is my doubt:

Is there a way to import SCSS as CSS using Parcel Bundler + SASS + TypeScript?

I have a SCSS file called file.scss

div {
    span: {
        background: red
    }
}

so I want to import it as a CSS string in TypeScript, I'm tryng something like this:

import cssString from "./file.scss"

console.log(cssString)
         // ^^^^^^^^^ Expected value => div span: { background: red } 

But isn't working properly.

So, i need to know, there is a way to do that?

[mischnic]

With Parcel 2, do

import cssString from "bundle-text:./file.scss;"

https://v2.parceljs.org/configuration/plugin-configuration/#predefined-(offical)-named-pipelines

[whaaaley]

Is there a new place that this is described in? Link is 404.

[mischnic]

https://parceljs.org/features/bundle-inlining/#inlining-a-bundle-as-text